mxdi9i7 / Vant React
Licence: mit
Lightweight 2kb Mobile UI Components built on React and TS, inspired by [email protected]://github.com/youzan/vant
Stars: ✭ 166
Projects that are alternatives of or similar to Vant React
sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
Stars: ✭ 23 (-86.14%)
Mutual labels: web-components, ui-components, ui-library
bui
‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element
Stars: ✭ 29 (-82.53%)
Mutual labels: web-components, ui-components, ui-library
Xy Ui
🎨面向未来的原生 web components UI组件库
Stars: ✭ 603 (+263.25%)
Mutual labels: ui-components, web-components
Webrix
Powerful building blocks for React-based web applications
Stars: ✭ 41 (-75.3%)
Mutual labels: ui-components, web-components
Bem Kit
💄 CSS UI kit with BEM convention and SASS
Stars: ✭ 69 (-58.43%)
Mutual labels: ui-components, scss
Yo
Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework.
Stars: ✭ 319 (+92.17%)
Mutual labels: ui-components, scss
Coreui
Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery
Stars: ✭ 361 (+117.47%)
Mutual labels: web-components, scss
Zeva
a modern and minimalist ui framework for building responsive and modern frontends
Stars: ✭ 57 (-65.66%)
Mutual labels: ui-components, scss
Kpc
A UI Components Library for Intact, Vue, React and Angular.
Stars: ✭ 266 (+60.24%)
Mutual labels: ui-components, web-components
Class101 Ui
💅A React-based UI Component Library.
Stars: ✭ 102 (-38.55%)
Mutual labels: ui-components, ui-library
Denali Css
Themeable CSS framework of Denali Ui components
Stars: ✭ 79 (-52.41%)
Mutual labels: ui-components, scss
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-33.73%)
Mutual labels: ui-components, web-components
Oruga
🐛 Oruga is a lightweight library of UI components without CSS framework dependency
Stars: ✭ 297 (+78.92%)
Mutual labels: ui-components, scss
Chakra Ui
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Stars: ✭ 22,745 (+13601.81%)
Mutual labels: ui-components, ui-library
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️ Tailwind Components
Stars: ✭ 382 (+130.12%)
Mutual labels: ui-components, ui-library
Weightless
High-quality web components with a small footprint
Stars: ✭ 284 (+71.08%)
Mutual labels: web-components, ui-library
Components
Example Components (Built with Tonic)
Stars: ✭ 42 (-74.7%)
Mutual labels: ui-components, web-components
Smooth Ui
Modern React UI library 💅👩🎤🍭
Stars: ✭ 1,583 (+853.61%)
Mutual labels: ui-components, ui-library
Ej2 Javascript Ui Controls
Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.
Stars: ✭ 256 (+54.22%)
Mutual labels: ui-components, ui-library
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (-57.83%)
Mutual labels: ui-components, ui-library
Vant React
Lightweight Mobile UI Components built on Typescript and React in under 2kb!
Features
- Support Typescript
- 60+ Reusable components
- 100% Storybook coverage: https://vant.bctc.io
- Extensive documentation and demos
Install
# Using npm
npm i vant-react -S
# Using yarn
yarn add vant-react
Quickstart
import React from 'react';
import { Button } from 'vant-react';
import 'vant-react/dist/index.css';
const App = () => {
return (
<Button text='Hello World' />
);
};
Components completion status
Basic Components
- [x] Button
- [x] Cell
- [x] Icon
- [x] Image
- [ ] Layout
- [x] Popup
- [x] Built-in style
- [ ] Toast
Form Components
- [ ] Calendar
- [ ] Cascader
- [x] Checkbox
- [ ] DatetimePicker
- [x] Field
- [ ] Form
- [ ] NumberKeyboard
- [ ] PasswordInput
- [ ] Picker
- [x] Radio
- [x] Rate
- [x] Search
- [x] Slider
- [x] Stepper
- [ ] Switch
- [ ] Uploader
Action Components
- [ ] ActionSheet
- [ ] Dialog
- [ ] DropdownMenu
- [ ] Loading
- [ ] Notify
- [ ] Overlay
- [ ] PullRefresh
- [ ] ShareSheet
- [ ] SwipeCell
Display Components
- [ ] Badge
- [ ] Circle
- [ ] Collapse
- [ ] CountDown
- [ ] Divider
- [ ] Empty
- [ ] ImagePreview
- [ ] Lazyload
- [ ] List
- [ ] NoticeBar
- [ ] Popover
- [ ] Progress
- [ ] Skeleton
- [ ] Steps
- [ ] Sticky
- [ ] Swipe
- [x] Tag
Navigation Components
- [ ] Grid
- [ ] IndexBar
- [x] NavBar
- [ ] Pagination
- [ ] Sidebar
- [ ] Tab
- [ ] Tabbar
- [ ] TreeSelect
Business Components
- [ ] AddressEdit
- [ ] AddressList
- [ ] Area
- [ ] Card
- [ ] ContactCard
- [ ] ContactEdit
- [ ] ContactList
- [ ] Coupon
- [ ] GoodsAction
- [ ] SubmitBar
- [ ] Sku
Deprecated
- [ ] SwitchCell
- [ ] Panel
Contribution
If you like what we do, please consider buy us a bubble-tea(donate)!
Please make sure to read the Contributing Guide before making a pull request.
Or, join our discussion group on Wechat by adding me!
Browser Support
Modern browsers and Android 4.0+, iOS 8.0+.
Open Source License
This is an Open Source Software operating under the MIT License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].