Skip to content

3lang3/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