Socket
Socket
Sign inDemoInstall

@diotoborg/ea-sint

Package Overview
Dependencies
29
Maintainers
1
Versions
38
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@diotoborg/ea-sint


Version published
Weekly downloads
399
increased by7.26%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

VARLET

A mobile component library based on Vue3, Material Design 2, Material Design 3, and supports desktop development.

Documentation(Cloudflare) | Documentation(Vercel) | Documentation(Github) | 中文README

version stars vue licence coverage ci


Intro

Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by varletjs community team.

Features

  • 🚀   Provide 60+ high quality general purpose components
  • 🚀   Components are very lightweight
  • 💪   Developed by Chinese, complete Chinese and English documentation and logistics support
  • 🛠️   Support on-demand introduction
  • 🛠️   Support theme customization
  • 🌍   Support internationalization
  • 💡   Support WebStorm syntax highlighting
  • 💪   Support the SSR
  • 📦   Support Nuxt Module
  • 💡   Support the Typescript
  • 💪   Make sure more than 90 percent unit test coverage, providing stability assurance
  • 🎨   Supports both Material Design 2 and Material Design 3 design systems
  • 🛠️   Support dark mode
  • 🔧   Provide official VSCode extension
  • ⌨️   Support Accessibility (still improving)

Install

CDN

varlet.js contain all the styles and logic of the component library, and you can import them.

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
 <!-- Desktop Adaptation -->
<script src="https://cdn.jsdelivr.net/npm/@varlet/touch-emulator/iife.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@diotoborg/ea-sint/umd/varlet.js"></script>
<script>
  const app = Vue.createApp({
    template: '<var-button>Button</var-button>'
  })
  app.use(Varlet).mount('#app')
</script>

Webpack / Vite

# Install with npm or yarn or pnpm

# npm
npm i @diotoborg/ea-sint -S

# yarn
yarn add @diotoborg/ea-sint

# pnpm
pnpm add @diotoborg/ea-sint
import App from './App.vue'
import Varlet from '@diotoborg/ea-sint'
import { createApp } from 'vue'
import '@diotoborg/ea-sint/es/style'

createApp(App).use(Varlet).mount('#app')

AI Agent for documentation

You can get more information about varlet by asking in AI Agent for documentation. Thanks to qile AI for providing service support.

Official Ecosystem

The following projects are maintained by the official team for a long time.

NameDescription
@varlet/cliVue3 component library rapid prototyping tool
@varlet/touch-emulatorDesktop adapter, so that the mobile component library can run on the desktop
@diotoborg/ea-sint-playgroundVarlet component library online editing tool
@varlet/import-resolverA resolver for unplugin-vue-components used to implement Varlet and import it on demand
@varlet/preset-unocssUnoCss presets for varlet
@varlet/preset-tailwindcsstailwindcss presets for varlet
varlet-theme-builderTheme generator for generating theme variables for varlet Material Design 3
varlet-vscode-extensionVarlet Component Library VSCode Plugin
vscode-theme-varletVarlet VSCode Theme
varlet-app-exampleVarlet component library app template
varlet-install-exampleCase collection of Varlet component library and various ecosystem integration

Community Ecosystem

The following projects are maintained by community personnel, welcome to add.

NameDescription
vue-h5-templateVue-based mobile template scaffolding, providing mobile presets for Varlet component library
create-vite-appA desktop template scaffolding based on Vue3, providing desktop presets for Varlet component library
vscode-common-intellisenseA VS Code extension that provides better intellisense to Varlet developers
vue3-varlet-mobileA mobile template based on Vue 3 and Varlet Component Library

Playground

See Varlet UI Playground.

Contribution

See Contributing Guide.

Community

We recommend that issue be used for problem feedback, or others:

  • Wechat group

Thanks to contributors

Thanks to the following sponsors

Sponsor this project

Sponsor this project to support our better creation. It is recommended to use afdian to subscribe, and your avatar will appear in this project.

Afdian

https://afdian.net/a/haoziqaq

Wechat / Alipay

Keywords

FAQs

Last updated on 15 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc