reactify-ui

A feature rich and customizable React UI Components Library

Check the docs here

Connect with us via spectrum

The library is in alpha.

Installation

npm i reactify-ui

Basic Usage

import { Button } from 'reactify-ui';

export default Page = () => <div>
  <Button>Primary Button</Button>
</div>

Why this library

• Component Composition. Most of the components are built to accept other components as children which can be used to make some new powerful and interesting components. The idea is to make these components behave like containers with some functionalities as their name suggest and let them accept any content inside. They have default behaviors as is expected of them or as there names suggest but also allow advanced use cases. Due to the vastness of permutation and combinations, many new UI elements can be made by stacking together the lib ones. Check out the recipes section.

• Inbuilt support for theming Check out the theming section.

• Easy styling with support for many kinds of styling, i.e the components do not have any preference when it comes to styling and support multiple ways of styling. You can pass className, the styles prop and most components have BEM class names if you wish to target that way. Check out the styling section.

• Extensive components list. There are a lot of components included by default. Check out the components section.

Progress

• [x] Button
• [x] Label
• [x] Toggle Switch
• [x] Radio Input
• [x] Alert
• [x] Badge
• [x] Checkbox
• [x] Full Screen
• [x] Legend
• [x] Snackbar
• [x] User Profile
• [x] Card
• [x] Horizontal Card
• [x] Stacked Card
• [x] Group Toggle
• [x] Select
• [x] Radio Group
• [x] Number Counter
• [x] List Panel
• [x] Paper
• [x] Star Rating
• [x] Topbar
• [x] Modal
• [x] Portal
• [x] Spinners
• [x] Dismiss
• [x] Progress Bar
• [x] Tabs
• [x] Toast
• [x] Slider
• [x] Chips
• [x] Timer
• [x] Dropdown
• [x] Seachbar
• [x] Tooltip
• [x] Login
• [x] Text
• [x] Link
• [x] Input
• [x] Highlight
• [x] Accordion
• [x] Context Menu
• [x] Split View
• [x] Tree View
• [x] Heat Map
• [x] File Upload
• [x] Paginator
• [x] Typeahead
• [x] Breadcrumbs
• [x] Sidebar
• [x] Heirarchy View
• [ ] Prototypes
• [ ] Bubble Wizard
• [ ] Carousel
• [ ] Diagram
• [ ] Dates
• [ ] Charts
• [ ] Grid

License

MIT © asterisx