Flipper-UI

React UI toolkit for the web.

Installation

Flipper-UI is available as an npm package.

// with npm
npm install flipper-ui

// with yarn
yarn add flipper-ui

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from 'flipper-ui'

function App() {
  return (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

Components

• [x] Advertise
• [x] AppBar/Header
• [x] AutoComplete
• [x] Avatar
• [x] Badge
• [x] Box
• [x] Button
• [x] Checkbox
• [x] Chip
• [x] Collapse
• [x] DatePicker
• [x] Dialog
• [x] Divider
• [x] Expansion Panel
• [x] Menu
• [x] Fade
• [x] Floating Action Button
• [x] Grow
• [x] Icon
• [x] Icon Button
• [x] List
• [x] ListItem
• [x] Paper
• [x] Progress
• [x] Sidebar/Drawer
• [x] Switcher
• [x] Radio
• [x] RadioGroup
• [x] Select
• [x] Slide
• [x] Snackbar
• [x] Table
• [x] Tabs
• [x] TextArea
• [x] TextField
• [x] Tooltip
• [x] Typography
• [x] Zoom

Next Components

• [ ] Carousel/Gallery
• [ ] Tree

Documentation

Check out our documentation website.

Contributing

Bug reports, feature requests and other contributions are more than welcome!
Whenever possible, please make a pull request with the implementation instead of just requesting it.

If the feature is big, open an issue first for discussion.

License

This project is licensed under the terms of the MIT license.