English | ็ฎไฝไธญๆ
๐ฑ A mobile component library based on the React framework according to Vant.
๐ฅ Documentation (Domestic) ย ๐ Documentation๏ผGitHub๏ผ
Due to personal reasons and limited energy, the project entered maintenance mode and no longer accepted new functions, only accepted PRs that fixed bugs.
- ๐ 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).
Edge |
Firefox |
Chrome |
Safari |
---|
Support modern browsers and Chrome >= 51, iOS >= 10.0.
Scan the QR code on your mobile phone to access the demo:
Recommended pin version:
# npm
npm i react-vant --save
# pnpm
pnpm add react-vant
The following are some code examples of react-vant:
import ReactDOM from 'react-dom';
import { Button } from 'react-vant';
function App() {
return <Button>Default Button</Button>;
}
ReactDOM.render(<App />, mountNode);
For more information, please refer to QuickStart.
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. :)
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
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.
MIT โ 3lang3