GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → 10086XIAOZHANG → Cp Design

10086XIAOZHANG / Cp Design

A configurable Mobile UI Components(React hooks+Typescript+Scss)组件库

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

reactjscomponentdemomobiledesignreact-componentscomponent-library

Projects that are alternatives of or similar to Cp Design

Neumorphic Ui
📚 A library of components based on the concept of neumorphism
Stars: ✭ 82 (-82.37%)
Mutual labels:  design, react-components, component-library
Bottomsheet
BottomSheet dialog library for Android
Stars: ✭ 219 (-52.9%)
Mutual labels:  demo, mobile, design
fyndiq-ui
Library of reusable web frontend components for Fyndiq
Stars: ✭ 39 (-91.61%)
Mutual labels:  react-components, component-library
engage-ui
Engage UI is a React component library designed to help developers and designers creater the delightful web experiences.
Stars: ✭ 14 (-96.99%)
Mutual labels:  react-components, component-library
React Weui
weui for react
Stars: ✭ 2,793 (+500.65%)
Mutual labels:  react-components, component-library
paragon
💎 An accessible, theme-ready design system built for learning applications and Open edX.
Stars: ✭ 85 (-81.72%)
Mutual labels:  react-components, component-library
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (-56.56%)
Mutual labels:  react-components, component-library
Operational Ui
Building blocks for effective operational interfaces
Stars: ✭ 258 (-44.52%)
Mutual labels:  react-components, component-library
React Responsive Carousel
React.js Responsive Carousel (with Swipe)
Stars: ✭ 1,962 (+321.94%)
Mutual labels:  demo, mobile
Flutter ui challenge filter menu
My first Flutter UI challenge.
Stars: ✭ 335 (-27.96%)
Mutual labels:  mobile, design
Mint Ui
Mobile UI elements for Vue.js
Stars: ✭ 16,471 (+3442.15%)
Mutual labels:  mobile, component
React Native Socket Io Example
A demo for implementing a mobile chatroom
Stars: ✭ 358 (-23.01%)
Mutual labels:  demo, mobile
React Native demo
react-native实现网易新闻和美团，实现大部分页面。使用最新的react-navigation等组件，同时支持安卓和iOS设备。
Stars: ✭ 237 (-49.03%)
Mutual labels:  demo, react-components
lerna-starter
Simple React UI Development environment boilerplate to develop, test and publish your React components.
Stars: ✭ 55 (-88.17%)
Mutual labels:  react-components, component-library
Posse gallery
Posse's fancy new gallery for Flutter.
Stars: ✭ 174 (-62.58%)
Mutual labels:  demo, design
smores-react
🍭 Marshmallow React components
Stars: ✭ 34 (-92.69%)
Mutual labels:  react-components, component-library
Recipes App React Native
Recipes App in React Native
Stars: ✭ 386 (-16.99%)
Mutual labels:  mobile, react-components
Youtube flutter app
Stars: ✭ 85 (-81.72%)
Mutual labels:  demo, design
Vant Demo
Collection of vant demos.
Stars: ✭ 1,265 (+172.04%)
Mutual labels:  demo, mobile
Vue Ydui
A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
Stars: ✭ 2,798 (+501.72%)
Mutual labels:  mobile, component
View All Similar Projects ➔

CP design

React hooks Typescript H5 Mobile Component

English | 简体中文

badge button icon

Project screenshot

CP Design Mobile

A configurable Mobile UI specification and React-based implementation.

Features

  • Follow CP Design Mobile UI specification.
  • Configurable UI style for different products.
  • Develop in TypeScript.

🖥 Environment Support

  • Modern browsers and Internet Explorer 11+ (with polyfills)
  • Server-side Rendering
  • Electron
IE / Edge
IE / Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 Install

npm install cp-design --save

yarn add cp-design

✨ Notice

SASS is used in the component library, remember to install node-sass when installing

npm install node-sass --save-dev

yarn add node-sass -D

🔨 Usage

import { Button } from 'cp-design'

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
  </>
)

Componets

  • [x] Icon,
  • [x] Button,
  • [x] Input,
  • [x] Row,
  • [x] Col,
  • [x] Affix,
  • [x] Avatar,
  • [x] Badge,
  • [x] Card,
  • [x] CheckboxGroup,
  • [x] Checkbox,
  • [x] Accordion,
  • [x] Divider,
  • [x] Modal,
  • [x] Overlay,
  • [x] Pagination,
  • [x] Progress,
  • [x] Radio,
  • [x] Slider,
  • [x] Step,
  • [x] Spin,
  • [x] Switch,
  • [x] Tabs,
  • [x] Tag,
  • [x] ImagePicker,
  • [x] Toast,
  • [x] ActionSheet,
  • [x] TabBar,
  • [x] PickerPanel,
  • [x] Picker,
  • [x] SegmentedControl,
  • [x] Popover,
  • [x] NoticeBar,
  • [x] SwipeAction
  • [x] ListView

Demo

mobile web demo

https://10086xiaozhang.github.io/CP-DESIGN

Install & Usage

introduce

Browser Support

  • iOS
  • Android 4.0+

Links

Contributing

We welcome all contributions, You can submit any ideas. If you'd like to improve code, check out the Development Instruction and have a good time! :)

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