All Projects → rilyu → Teaset

rilyu / Teaset

Licence: mit
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Teaset

toppy
Overlay library for Angular 7+
Stars: ✭ 81 (-97.15%)
Mutual labels:  popover, overlay, toast
Ngx Bootstrap
Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
Stars: ✭ 5,343 (+87.8%)
Mutual labels:  carousel, select, popover
Discord.js Menu
💬 Easily create Discord.js v12 embed menus with reactions and unlimited customizable pages.
Stars: ✭ 89 (-96.87%)
Mutual labels:  framework, library, menu
Flutter smart select
SmartSelect allows you to easily convert your usual form select or dropdown into dynamic page, popup dialog, or sliding bottom sheet with various choices input such as radio, checkbox, switch, chips, or even custom input. Supports single and multiple choice.
Stars: ✭ 179 (-93.71%)
Mutual labels:  select, checkbox
Finalcut
A text-based widget toolkit
Stars: ✭ 244 (-91.42%)
Mutual labels:  framework, library
Fe
前端热门文章阅读
Stars: ✭ 174 (-93.88%)
Mutual labels:  framework, library
Avalanche
Avalanche: a End-to-End Library for Continual Learning.
Stars: ✭ 151 (-94.69%)
Mutual labels:  framework, library
Autoserver
Create a full-featured REST/GraphQL API from a configuration file
Stars: ✭ 188 (-93.39%)
Mutual labels:  framework, library
Material Ui Popup State
boilerplate for common Material-UI Menu, Popover and Popper use cases
Stars: ✭ 186 (-93.46%)
Mutual labels:  menu, popover
Duaef duik
Duduf After Effects Framework | Duik
Stars: ✭ 197 (-93.08%)
Mutual labels:  framework, library
You Dont Need Javascript
CSS is powerful, you can do a lot of things without JS.
Stars: ✭ 16,514 (+480.46%)
Mutual labels:  carousel, popover
Confetti.js
A simple confetti animation for your website :)
Stars: ✭ 170 (-94.02%)
Mutual labels:  library, overlay
Driver.js
A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
Stars: ✭ 13,154 (+362.36%)
Mutual labels:  overlay, popover
Operatorkit
An opinionated Go framework for developing Kubernetes operators
Stars: ✭ 179 (-93.71%)
Mutual labels:  framework, library
Focusoverlay
Library for creating animated overlays on focused elements
Stars: ✭ 167 (-94.13%)
Mutual labels:  library, overlay
Popover
Popover component for Angular
Stars: ✭ 187 (-93.43%)
Mutual labels:  overlay, popover
Goview
Goview is a lightweight, minimalist and idiomatic template library based on golang html/template for building Go web application.
Stars: ✭ 213 (-92.51%)
Mutual labels:  framework, library
React Dropdown Select
Customisable dropdown select for react
Stars: ✭ 227 (-92.02%)
Mutual labels:  menu, select
React Native Dropdown Picker
A single / multiple, categorizable & searchable item picker (dropdown) component for react native which supports both Android & iOS.
Stars: ✭ 230 (-91.92%)
Mutual labels:  menu, select
Py Ipv8
Python implementation of the IPv8 layer
Stars: ✭ 157 (-94.48%)
Mutual labels:  framework, overlay

Teaset

🇨🇳中文完整文档版

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Installation

npm install --save teaset

Example

Clone teaset project from github (or download zip file):

git clone https://github.com/rilyu/teaset.git
cd teaset/example
npm install

To run example on iOS:

cd ios && pod install && cd ..
react-native run-ios

To run example on Android:

react-native run-android

Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.

iPhoneX

iPhoneX and iPhoneXS are fully supported after 0.6.0, and this option is true by default.

If SafeAreaView is used, please use Theme.set({fitIPhoneX: false}) to manually turn off it.

Redux

If you use Redux, you need to use the <TopView> package container (thanks @Alexorz ).

import { TopView } from 'teaset';

container => () => <Provider store={store}><TopView>{container}</TopView></Provider>

Documentation

The document is being written, please refer to the example source code.

Translation project

Screenshots

Components

Theme

Label

Button

Checkbox

Input

Select

Stepper

SearchInput

Badge

Popover

NavigationBar

ListRow

Carousel

Projector

SegmentedBar

SegmentedView

TabView

TransformView

AlbumView

Wheel

Overlay

Toast

ActionSheet

ActionPopover

PullPicker

PopoverPicker

Menu

Drawer

ModalIndicator

License

MIT

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].