Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/3lang3/react-vant

React mobile UI Components base on Vant
https://github.com/3lang3/react-vant

components mobile-ui react react-mobile ui-library vant

Last synced: 5 days ago
JSON representation

React mobile UI Components base on Vant

Host: GitHub
URL: https://github.com/3lang3/react-vant
Owner: 3lang3
License: mit
Created: 2021-07-18T01:47:59.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2024-12-05T18:26:08.000Z (16 days ago)
Last Synced: 2024-12-17T06:53:48.938Z (5 days ago)
Topics: components, mobile-ui, react, react-mobile, ui-library, vant
Language: TypeScript
Homepage: https://react-vant.3lang.dev
Size: 114 MB
Stars: 1,353
Watchers: 40
Forks: 194
Open Issues: 43
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md

Awesome Lists containing this project

README

        English | [简体中文](https://github.com/3lang3/react-vant/blob/main/packages/react-vant/README.zh-CN.md)



    



React Vant


📱 A mobile component library based on the React framework according to Vant.




  

    

  

  

    

  

  

  

    

  

  

    

  

  

    

  





  🔥 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](https://github.com/3lang3/react-vant-template/tree/main/template/vite) and Parcel@2.

- 🌵 Modern browsers

- 🌝 Support SSR([nextjs](https://github.com/3lang3/react-vant-template/tree/main/next/nextjs), [remix](https://github.com/3lang3/react-vant-template/tree/main/next/remix)).

## 🖥 Environment Support

| [](http://godban.github.io/browsers-support-badges/)
 Edge | [](http://godban.github.io/browsers-support-badges/)
Firefox | [](http://godban.github.io/browsers-support-badges/)
Chrome | [](http://godban.github.io/browsers-support-badges/)
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:

```bash

# npm

npm i react-vant --save

# pnpm

pnpm add react-vant

```

## 🚀 Quick start

The following are some code examples of react-vant:

#### Code Snippet:

```jsx

import ReactDOM from 'react-dom';

import { Button } from 'react-vant';

function App() {

  return Default Button;

}

ReactDOM.render(, mountNode);

```

#### Code Examples:

- [Create React App](https://github.com/3lang3/react-vant-template/tree/main/next/cra)

- [Umi](https://github.com/3lang3/react-vant-template/tree/main/next/umijs)

- [Next.js](https://github.com/3lang3/react-vant-template/tree/main/next/nextjs)

- [Remix](https://github.com/3lang3/react-vant-template/tree/main/next/remix)

- [Astro](https://github.com/3lang3/react-vant-template/tree/main/next/astro)

- [Vite](https://github.com/3lang3/react-vant-template/tree/main/next/vite)

For more information, please refer to [QuickStart](https://react-vant.3lang.dev/guide/quickstart).

## 🤝 Contributing

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

We welcome all contributions. Please read our [CONTRIBUTING.md](https://react-vant.3lang.dev/guide/contribution) first. You can submit any ideas as pull requests or as GitHub issues. :)

## 👥 Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/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](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## 🙏 Thanks

[Vant](https://github.com/youzan/vant) - Thanks to the Vant team for years of continuous maintenance, allowing me to stand on the shoulders of giants.

[Zan Design](https://design.youzan.com/) - Thanks for the careful production of YouZan Design Experience Center.

## 📜 License

[MIT](./LICENSE) ⓒ 3lang3