{"id":17565093,"url":"https://github.com/mxdi9i7/vant-react","last_synced_at":"2025-04-06T03:05:48.933Z","repository":{"id":50253895,"uuid":"266197563","full_name":"mxdi9i7/vant-react","owner":"mxdi9i7","description":"Lightweight 2kb Mobile UI Components built on React and TS, inspired by Vant@https://github.com/youzan/vant","archived":false,"fork":false,"pushed_at":"2021-07-12T13:29:28.000Z","size":42497,"stargazers_count":261,"open_issues_count":7,"forks_count":55,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-30T02:04:29.122Z","etag":null,"topics":["components-library","react","ui-components","ui-library","vant","vant-ui","web-components"],"latest_commit_sha":null,"homepage":"https://bctc.gitbook.io/vant-react-official-docs/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mxdi9i7.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-22T20:04:24.000Z","updated_at":"2024-02-23T08:45:12.000Z","dependencies_parsed_at":"2022-09-20T01:12:26.159Z","dependency_job_id":null,"html_url":"https://github.com/mxdi9i7/vant-react","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mxdi9i7%2Fvant-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mxdi9i7%2Fvant-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mxdi9i7%2Fvant-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mxdi9i7%2Fvant-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mxdi9i7","download_url":"https://codeload.github.com/mxdi9i7/vant-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247427005,"owners_count":20937200,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components-library","react","ui-components","ui-library","vant","vant-ui","web-components"],"created_at":"2024-10-21T14:08:52.887Z","updated_at":"2025-04-06T03:05:48.912Z","avatar_url":"https://github.com/mxdi9i7.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Vant React**\n\n[![npm version](https://badge.fury.io/js/vant-react.svg)](https://badge.fury.io/js/vant-react)\n[![NPM](https://img.shields.io/npm/l/vant-react)](LICENSE)\n![Test CI](https://github.com/mxdi9i7/vant-react/workflows/Test%20CI/badge.svg)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/30ddabc0-3eb6-4530-ab08-58db247a2b48/deploy-status)](https://vant.bctc.io)\n[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://vant.bctc.io)\n\nLightweight Mobile UI Components built on Typescript and React in under 2kb!\n\n## **Features**\n\n- Support Typescript\n- 60+ Reusable components\n- 100% Storybook coverage: [https://vant.bctc.io](https://vant.bctc.io)\n- Extensive documentation and demos\n\n## Install\n\n```text\n# Using npm\nnpm i vant-react -S\n\n# Using yarn\nyarn add vant-react\n```\n\n## Quickstart\n\n```text\nimport React from 'react';\nimport { Button } from 'vant-react';\nimport 'vant-react/dist/index.css';\n\nconst App = () =\u003e {\n    return (\n        \u003cButton text='Hello World' /\u003e\n    );\n};\n```\n\n## Components completion status\n\n### Basic Components\n\n- [x] Button\n- [x] Cell\n- [x] Icon\n- [x] Image\n- [ ] Layout\n- [x] Popup\n- [x] Built-in style\n- [x] Toast\n\n### Form Components\n\n- [ ] Calendar\n- [ ] Cascader\n- [x] Checkbox\n- [ ] DatetimePicker\n- [x] Field\n- [ ] Form\n- [ ] NumberKeyboard\n- [ ] PasswordInput\n- [ ] Picker\n- [x] Radio\n- [x] Rate\n- [x] Search\n- [x] Slider\n- [x] Stepper\n- [x] Switch\n- [ ] Uploader\n\n### Action Components\n\n- [ ] ActionSheet\n- [ ] Dialog\n- [ ] DropdownMenu\n- [x] Loading\n- [ ] Notify\n- [ ] Overlay\n- [ ] PullRefresh\n- [ ] ShareSheet\n- [ ] SwipeCell\n\n### Display Components\n\n- [ ] Badge\n- [ ] Circle\n- [ ] Collapse\n- [ ] CountDown\n- [x] Divider\n- [ ] Empty\n- [ ] ImagePreview\n- [ ] Lazyload\n- [ ] List\n- [ ] NoticeBar\n- [ ] Popover\n- [ ] Progress\n- [ ] Skeleton\n- [ ] Steps\n- [ ] Sticky\n- [ ] Swipe\n- [x] Tag\n\n### Navigation Components\n\n- [ ] Grid\n- [ ] IndexBar\n- [x] NavBar\n- [ ] Pagination\n- [ ] Sidebar\n- [ ] Tab\n- [ ] Tabbar\n- [ ] TreeSelect\n\n### Business Components\n\n- [ ] AddressEdit\n- [ ] AddressList\n- [ ] Area\n- [ ] Card\n- [ ] ContactCard\n- [ ] ContactEdit\n- [ ] ContactList\n- [ ] Coupon\n- [ ] GoodsAction\n- [ ] SubmitBar\n- [ ] Sku\n\n### Deprecated\n\n- [ ] SwitchCell\n- [ ] Panel\n\n## Contribution\n\nIf you like what we do, please consider buy us a bubble-tea(donate)!\n\n[![DonorBox](https://d1iczxrky3cnb2.cloudfront.net/button-small-blue.png)](https://donorbox.org/vant-react-dev-team?default_interval=o\u0026amount=5)\n\nPlease make sure to read the[ Contributing Guide](./CONTRIBUTION.md) before making a pull request.\n\nOr, join our discussion group on Wechat by adding me!\n\n![Wechat QR code](https://github.com/mxdi9i7/Vant-react-docs/blob/master/.gitbook/assets/qr.png)\n\n## Browser Support\n\nModern browsers and Android 4.0+, iOS 8.0+.\n\n## Open Source License\n\nThis is an Open Source Software operating under the [MIT](https://github.com/mxdi9i7/vant-react/blob/master/LICENSE) License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmxdi9i7%2Fvant-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmxdi9i7%2Fvant-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmxdi9i7%2Fvant-react/lists"}