Skip to content

nginformatica/flipper-ui

Folders and files

NameName
Last commit message
Last commit date
Apr 19, 2023
Apr 27, 2023
Dec 5, 2022
Nov 1, 2023
Apr 28, 2023
Dec 5, 2022
Apr 19, 2023
Dec 5, 2022
Sep 3, 2018
Dec 5, 2022
Nov 9, 2022
Nov 9, 2022
Aug 22, 2018
Nov 6, 2020
Apr 27, 2023
Apr 9, 2020
Oct 27, 2023
Sep 10, 2018
Apr 27, 2023
Oct 17, 2023

Repository files navigation

Flipper-UI logo

Flipper-UI

React UI toolkit for the web.

npm package npm downloads Dependencies DevDependencies Build Status

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

  • Advertise
  • AppBar/Header
  • AutoComplete
  • Avatar
  • Badge
  • Box
  • Button
  • Checkbox
  • Chip
  • Collapse
  • DatePicker
  • Dialog
  • Divider
  • Expansion Panel
  • Menu
  • Fade
  • Floating Action Button
  • Grow
  • Icon
  • Icon Button
  • List
  • ListItem
  • Paper
  • Progress
  • Sidebar/Drawer
  • Switcher
  • Radio
  • RadioGroup
  • Select
  • Slide
  • Snackbar
  • Table
  • Tabs
  • TextArea
  • TextField
  • Tooltip
  • Typography
  • 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.