Skip to content

nieyunliang/react-vant

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

English | ็ฎ€ไฝ“ไธญๆ–‡

logo

React Vant

๐Ÿ“ฑ A mobile component library based on the React framework according to Vant.

npm version npm download renovate discussions rcdoc license

๐Ÿ”ฅ Documentation (Domestic) ย  ๐ŸŒˆ Documentation๏ผˆGitHub๏ผ‰

๐Ÿง‘โ€๐Ÿ’ป Project Status

Due to personal reasons and limited energy, the project entered maintenance mode and no longer accepted new functions, only accepted PRs that fixed bugs.

โœจ Feature

  • ๐Ÿš€ The average component size is less than 1KB๏ผˆmin+gzip๏ผ‰.
  • ๐Ÿ’Ž 70+ high-quality components, covering mainstream mobile scenes.
  • ๐Ÿ’ช Written in TypeScript, providing a complete type definition.
  • ๐Ÿ“ Provide complete documentation and component examples.
  • ๐ŸŽจ Support theme customization, built-in 700+ theme designers.
  • ๐Ÿ˜Ž Support on-demand import and Tree Shaking.
  • โšก๏ธ Support Vite and Parcel@2.
  • ๐ŸŒต Modern browsers
  • ๐ŸŒ Support SSR(nextjs, remix).

๐Ÿ–ฅ Environment Support

IE / Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari for iOS
Safari

Support modern browsers and Chrome >= 51, iOS >= 10.0.

๐Ÿ“ฑ Preview

Scan the QR code on your mobile phone to access the demo:

๐Ÿ“ฆ Install

Recommended pin version:

# npm
npm i react-vant --save

# pnpm
pnpm add react-vant

๐Ÿš€ Quick start

The following are some code examples of react-vant:

Code Snippet:

import ReactDOM from 'react-dom';
import { Button } from 'react-vant';

function App() {
  return <Button>Default Button</Button>;
}

ReactDOM.render(<App />, mountNode);

Code Examples:

For more information, please refer to QuickStart.

๐Ÿค Contributing

Read our contributing guide and let's build a better react-vant together.

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. :)

๐Ÿ‘ฅ Contributors

Thanks goes to these wonderful people (emoji key):


0x219

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

TinsFox

๐Ÿ’ป ๐Ÿ“– ๐Ÿšง

Seth Yuan

๐Ÿ’ป

union-mall

๐Ÿ’ป

Tang Zhi

๐Ÿ’ป

yuegongzi

๐Ÿ’ป ๐Ÿ“–

ๅ‘จ็ฅž

๐Ÿ’ป

BiscuitCoder

๐ŸŽจ

WhiteSource Renovate

๐Ÿ“– ๐Ÿ›ก๏ธ ๐Ÿ”ง

allcontributors[bot]

๐Ÿ”ง

dependabot[bot]

๐Ÿ“– ๐Ÿ›ก๏ธ

Cedong.Lee

๐Ÿ› ๐Ÿค”

xiaomao Feng

๐Ÿ›

xiaojingyuaner

๐Ÿ›

keep_wan

๐Ÿ›

zhangYin

๐Ÿ› ๐Ÿค”

Yann

๐Ÿ›

feifaneric

๐Ÿ›

FJHou

๐Ÿ›

Nate Wang

๐Ÿ›

rook1e

๐Ÿ›

chinieer

๐Ÿ“–

GangYHu

๐Ÿ›

Jungzl

๐Ÿ’ป

Tim Zhao

๐Ÿ“–

้‡ŽๆผซๆจชๆฑŸ

๐Ÿ›

NoDocCat

๐Ÿ›

zhong yiqun

๐Ÿ›

KooFrank

๐Ÿ›

Songhn

๐Ÿ›

ๆ™šๆžซ

๐Ÿ›

lxdaixin128

๐Ÿ›

zoujpxyz2017

๐Ÿ›

SingleShadow

๐Ÿ›

Lanten

๐Ÿ“–

Alex Lu

๐Ÿ›

This project follows the all-contributors specification. Contributions of any kind welcome!

๐Ÿ™ Thanks

Vant - Thanks to the Vant team for years of continuous maintenance, allowing me to stand on the shoulders of giants.

Zan Design - Thanks for the careful production of YouZan Design Experience Center.

๐Ÿ“œ License

MIT โ“’ 3lang3

About

React mobile UI Components base on Vant

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 83.3%
  • Less 16.5%
  • Other 0.2%