Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

guozimo/react-vant

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):

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

About

React mobile UI Components base on Vant

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

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

AltStyle ใซใ‚ˆใฃใฆๅค‰ๆ›ใ•ใ‚ŒใŸใƒšใƒผใ‚ธ (->ใ‚ชใƒชใ‚ธใƒŠใƒซ) /