GithubHelp home page GithubHelp logo

wujiy / vant Goto Github PK

View Code? Open in Web Editor NEW

This project forked from youzan/vant

0.0 0.0 0.0 172.04 MB

Lightweight Mobile UI Components built on Vue

Home Page: https://vant-contrib.gitee.io/vant

License: MIT License

JavaScript 8.55% Vue 16.01% TypeScript 60.29% Smarty 0.16% HTML 0.14% Less 14.81% Handlebars 0.03% Shell 0.02%

vant's Introduction

logo

Vant

Mobile UI Components built on Vue

npm version CI Status Coverage Status downloads Jsdelivr Hits Gzip Size

πŸ”₯ ζ–‡ζ‘£η½‘η«™οΌˆε›½ε†…οΌ‰ Β  🌈 ζ–‡ζ‘£η½‘η«™οΌˆGitHubοΌ‰ Β  πŸ‡¨πŸ‡³ δΈ­ζ–‡η‰ˆδ»‹η»


Features

  • πŸš€ 1KB Component average size (min+gzip)
  • πŸš€ 65+ High quality components
  • πŸ’ͺ 90%+ Unit test coverage
  • πŸ’ͺ Written in TypeScript
  • πŸ“– Extensive documentation and demos
  • πŸ“– Provide Sketch and Axure design resources
  • 🍭 Support Vue 2 & Vue 3
  • 🍭 Support Tree Shaking
  • 🍭 Support Custom Theme
  • 🍭 Support Accessibility (still improving)
  • 🍭 Support i18n
  • 🌍 Support SSR

Install

Using npm to install:

# install Vant 2 for Vue 2 project
npm i vant@2

# install Vant 3 for Vue 3 project
npm i vant@3

Using yarn or pnpm:

# with yarn
yarn add vant@3

# with pnpm
pnpm add vant@3

Quickstart

import { createApp } from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';

const app = createApp();
app.use(Button);

See more in Quickstart.

Browser Support

Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.

Vant 3 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).

Official Ecosystem

Project Description
vant-weapp WeChat MiniProgram UI
vant-demo Collection of Vant demos
vant-cli Scaffold for UI library
vant-icons Vant icons
vant-touch-emulator Using vant in desktop browsers

Community Ecosystem

Project Description
3lang3/react-vant React mobile UI Components based on Vant
mxdi9i7/vant-react Mobile UI Components built on React and TS, inspired by Vant
vant-aliapp Alipay MiniProgram UI
taroify Vant Taro
vant-theme Online theme preview built on Vant UI
@antmjs/vantui Mobile UI Components based on Vant, supporting Taro and React

Links

Preview

You can scan the following QR code to access the demo:

Core Team

Core contributors of Vant and Vant Weapp:

chenjiahan cookfront w91 pangxie1991 rex-zsd nemo-shen Lindysen nemo-shen
chenjiahan cookfront wangnaiyi pangxie rex-zsd nemo-shen Lindysen JakeLaoyu

All Contributors

Thanks to the following friends for their contributions to Vant:

contributors

Contribution Guide

Please make sure to read the Contributing Guide before making a pull request.

LICENSE

MIT

vant's People

Contributors

a298003154 avatar akebe avatar ascodelife avatar chenjiahan avatar chuangbo avatar codpoe avatar cookfront avatar dependabot[bot] avatar dongj0316 avatar haochuan9421 avatar jakelaoyu avatar jerryni avatar landluck avatar lindysen avatar linrz avatar mikasa33 avatar nemo-shen avatar pangxie1991 avatar raistlin916 avatar rex-zsd avatar rongyao9 avatar sun79 avatar tinysymphony avatar tsxuehu avatar w91 avatar waiter avatar xyelidae avatar ystarlongzi avatar zhengxiaowei avatar zhoucan38 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.