{"id":13431911,"url":"https://github.com/rilyu/teaset","last_synced_at":"2025-05-14T13:07:52.995Z","repository":{"id":41423669,"uuid":"75796965","full_name":"rilyu/teaset","owner":"rilyu","description":"A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.","archived":false,"fork":false,"pushed_at":"2021-05-29T08:52:27.000Z","size":6685,"stargazers_count":2949,"open_issues_count":193,"forks_count":480,"subscribers_count":69,"default_branch":"master","last_synced_at":"2025-04-14T20:55:20.157Z","etag":null,"topics":["badge","carousel","checkbox","framework","library","listrow","menu","navigationbar","overlay","popover","projector","react-native","segmented","select","tabview","toast","ui","wheel"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/rilyu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-07T03:48:10.000Z","updated_at":"2025-04-06T01:59:16.000Z","dependencies_parsed_at":"2022-08-25T19:10:57.994Z","dependency_job_id":null,"html_url":"https://github.com/rilyu/teaset","commit_stats":null,"previous_names":[],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rilyu%2Fteaset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rilyu%2Fteaset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rilyu%2Fteaset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rilyu%2Fteaset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rilyu","download_url":"https://codeload.github.com/rilyu/teaset/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254149959,"owners_count":22022851,"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":["badge","carousel","checkbox","framework","library","listrow","menu","navigationbar","overlay","popover","projector","react-native","segmented","select","tabview","toast","ui","wheel"],"created_at":"2024-07-31T02:01:06.974Z","updated_at":"2025-05-14T13:07:47.985Z","avatar_url":"https://github.com/rilyu.png","language":"JavaScript","readme":"# Teaset\n[🇨🇳中文完整文档版](./docs/cn/README.md)\n\nA UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.\n\n# Installation\n```\nnpm install --save teaset\n```\n\n# Example\nClone teaset project from github (or download zip file):\n```\ngit clone https://github.com/rilyu/teaset.git\ncd teaset/example\nnpm install\n```\nTo run example on iOS:\n```\ncd ios \u0026\u0026 pod install \u0026\u0026 cd ..\nreact-native run-ios\n```\nTo run example on Android:\n```\nreact-native run-android\n```\n**Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.**\n\n## iPhoneX\niPhoneX and iPhoneXS are fully supported after 0.6.0, and this option is **true** by default.\n\nIf SafeAreaView is used, please use ```Theme.set({fitIPhoneX: false})``` to manually turn off it.\n\n## Redux\nIf you use Redux, you need to use the ```\u003cTopView\u003e``` package container (thanks [@Alexorz](https://github.com/Alexorz) ).\n\n```\nimport { TopView } from 'teaset';\n\ncontainer =\u003e () =\u003e \u003cProvider store={store}\u003e\u003cTopView\u003e{container}\u003c/TopView\u003e\u003c/Provider\u003e\n```\n\n# Documentation\nThe document is being written, please refer to the example source code.\n\n[Translation project](https://github.com/emersonlaurentino/teaset/projects/1)\n\n# Screenshots\n\n## Components\n![](https://github.com/rilyu/teaset/blob/master/screenshots/00-Teaset1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/00-Teaset2.png?raw=true)\n\n## Theme\n![](https://github.com/rilyu/teaset/blob/master/screenshots/00a-Theme1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/00a-Theme2.png?raw=true)\n![](https://github.com/rilyu/teaset/blob/master/screenshots/00a-Theme3.png?raw=true)\n\n## Label\n![](https://github.com/rilyu/teaset/blob/master/screenshots/01-Label.png?raw=true)\n\n## Button\n![](https://github.com/rilyu/teaset/blob/master/screenshots/02-Button.png?raw=true)\n\n## Checkbox\n![](https://github.com/rilyu/teaset/blob/master/screenshots/03-Checkbox.png?raw=true)\n\n## Input\n![](https://github.com/rilyu/teaset/blob/master/screenshots/04-Input.png?raw=true)\n\n## Select\n![](https://github.com/rilyu/teaset/blob/master/screenshots/05-Select1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/05-Select2.png?raw=true)\n![](https://github.com/rilyu/teaset/blob/master/screenshots/05-Select3.png?raw=true)\n\n## Stepper\n![](https://github.com/rilyu/teaset/blob/master/screenshots/05a-Stepper.png?raw=true)\n\n## SearchInput\n![](https://github.com/rilyu/teaset/blob/master/screenshots/05b-SearchInput.png?raw=true)\n\n## Badge\n![](https://github.com/rilyu/teaset/blob/master/screenshots/06-Badge.png?raw=true)\n\n## Popover\n![](https://github.com/rilyu/teaset/blob/master/screenshots/07-Popover.png?raw=true)\n\n## NavigationBar\n![](https://github.com/rilyu/teaset/blob/master/screenshots/08-NavigationBar.png?raw=true)\n\n## ListRow\n![](https://github.com/rilyu/teaset/blob/master/screenshots/09-ListRow.png?raw=true)\n\n## Carousel\n![](https://github.com/rilyu/teaset/blob/master/screenshots/10-Carousel.png?raw=true)\n\n## Projector\n![](https://github.com/rilyu/teaset/blob/master/screenshots/11-Projector.png?raw=true)\n\n## SegmentedBar\n![](https://github.com/rilyu/teaset/blob/master/screenshots/11a-SegmentedBar1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/11a-SegmentedBar2.png?raw=true)\n![](https://github.com/rilyu/teaset/blob/master/screenshots/11a-SegmentedBar3.png?raw=true)\n\n## SegmentedView\n![](https://github.com/rilyu/teaset/blob/master/screenshots/12-SegmentedView.png?raw=true)\n\n## TabView\n![](https://github.com/rilyu/teaset/blob/master/screenshots/13-TabView.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/13-TabView2.png?raw=true)\n\n## TransformView\n![](https://github.com/rilyu/teaset/blob/master/screenshots/14-TransformView.png?raw=true)\n\n## AlbumView\n![](https://github.com/rilyu/teaset/blob/master/screenshots/14a-AlbumView1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/14a-AlbumView2.png?raw=true)\n\n## Wheel\n![](https://github.com/rilyu/teaset/blob/master/screenshots/14b-Wheel.png?raw=true)\n\n## Overlay\n![](https://github.com/rilyu/teaset/blob/master/screenshots/15-Overlay1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/15-Overlay2.png?raw=true)\n![](https://github.com/rilyu/teaset/blob/master/screenshots/15-Overlay3.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/15-Overlay6.png?raw=true)\n![](https://github.com/rilyu/teaset/blob/master/screenshots/15-Overlay4.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/15-Overlay5.png?raw=true)\n\n## Toast\n![](https://github.com/rilyu/teaset/blob/master/screenshots/16-Toast1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/16-Toast2.png?raw=true)\n![](https://github.com/rilyu/teaset/blob/master/screenshots/16-Toast3.png?raw=true)\n\n## ActionSheet\n![](https://github.com/rilyu/teaset/blob/master/screenshots/17-ActionSheet.png?raw=true)\n\n## ActionPopover\n![](https://github.com/rilyu/teaset/blob/master/screenshots/18-ActionPopover.png?raw=true)\n\n## PullPicker\n![](https://github.com/rilyu/teaset/blob/master/screenshots/19-PullPicker.png?raw=true)\n\n## PopoverPicker\n![](https://github.com/rilyu/teaset/blob/master/screenshots/20-PopoverPicker.png?raw=true)\n\n## Menu\n![](https://github.com/rilyu/teaset/blob/master/screenshots/20a-Menu1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/20a-Menu2.png?raw=true)\n\n## Drawer\n![](https://github.com/rilyu/teaset/blob/master/screenshots/20b-Drawer1.png?raw=true) ![](https://github.com/rilyu/teaset/blob/master/screenshots/20b-Drawer2.png?raw=true)\n\n## ModalIndicator\n![](https://github.com/rilyu/teaset/blob/master/screenshots/21-ModalIndicator.png?raw=true)\n\n# License\nMIT","funding_links":[],"categories":["JavaScript","组件","Libraries","开发框架和组件库","Frameworks","Uncategorized","React Native","Mobile UI Components"],"sub_categories":["TabLayout","UI","Other Platforms","Uncategorized","Related community list","React Native"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frilyu%2Fteaset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frilyu%2Fteaset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frilyu%2Fteaset/lists"}