Mobile UI React Components

Live Demo

https://allanfish.github.io/f8

Features

• Designed for mobile usage
• An Enterprise-class design language and high quality UI style
• Include IOS and Material Themes base on Framework7(https://github.com/nolimits4web/Framework7)
• Rich library of mobile UI components
  • View
  • Pages
  • TransitionPages
  • Page
  • Grid
  • Accordion
  • Navbar
  • Toolbar
  • Tabbar
  • Form
    • StaticField
    • TextField
    • CheckField
    • RadioField
  • Button
  • NumberInput
  • Card
  • List
  • InfiniteScroll
  • Notification
  • Modal
  • Block
  • Preloader
  • Picker
  • Icon
  • Image
  • ...

Requirements

• node ^4.3.0
• npm ^3.0.0
• react ^0.14.0

Install

npm install jmui

Usage

import { Button } from 'jmui'
ReactDOM.render(<Button />, mountNode);

Import style:

• IOS theme

import 'jmui/styles/jmui.ios.core.css'

Import color schema:

• Blue

import 'jmui/styles/jmui.ios.theme.blue.css'

• All colors: ['black', 'gray', 'blue', 'white', 'green', 'lightblue', 'orange', 'pink', 'red', 'yellow']

TODO

• guide
• kitchen sink
• ci test case
• other docs

Contributing

We welcome all contributions, please submit any ideas as pull requests or as a GitHub issue.