🧑‍💻 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

| Edge | Firefox | Chrome | 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-nova --save

# pnpm
pnpm add react-vant-nova

🚀 Quick start

The following are some code examples of react-vant:

Code Snippet:

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

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

ReactDOM.render(<App />, mountNode);
// 🔔 注意：React 19 与 React 18 及以下的导入/渲染方式存在差异，但组件的使用方法同React 18

Code Examples:

• Create React App
• Umi
• Next.js
• Remix
• Astro
• Vite

For more information, please refer to QuickStart.

🤝 交流与支持

• 反馈问题：GitHub Issues
• 开发交流：添加微信 wpp_rvn（备注「react-vant-nova」）
• 文档地址：https://react-vant.fenewbee.com//