Fluxbit ViewComponents - UI Component Library for Ruby on Rails
Fluxbit ViewComponents is a collection of UI components for Ruby on Rails applications, inspired by the Flowbite component library and built using Tailwind CSS. These components are designed to help developers create modern, responsive, and accessible web applications with ease.
This library includes a variety of interactive elements such as buttons, modals, dropdowns, and more, all styled with Tailwind CSS utility classes and optimized for seamless integration into Rails projects.
Current Situation
This library is open source and is a work in progress. Below we have the situation of each component. Fell free to contribute with us! :)
Components
| Element | Code | Tests | Previews | Documentation |
|---|---|---|---|---|
| Alert |  |
|
|
|
| Avatar | |
|
|
 |
| AvatarGroup | |
|
|
|
| Badge | |
|
|
|
| Button | |
|
|
|
| ButtonGroup | |
|
|
|
| Card | |
|
|
|
| Flex | |
|
|
|
| Gravatar | |
|
|
|
| Modal | |
|
|
|
| Popover | |
|
|
|
| Tab | |
|
|
|
| Tooltip | |
|
|
|
| Accordion | |
|
|
|
| Banner | |
|
|
|
| Bottom Navigation | |
|
|
|
| Breadcrumb | |
|
|
|
| Carousel | |
|
|
|
| Chat Bubble | |
|
|
|
| Clipboard | |
|
|
|
| Device Mockups | |
|
|
|
| Drawer | |
|
|
|
| Dropdowns | |
|
|
|
| Footer | |
|
|
|
| Gallery | |
|
|
|
| Indicators | |
|
|
|
| Jumbotron | |
|
|
|
| KBD | |
|
|
|
| List Group | |
|
|
|
| Mega Menu | |
|
|
|
| Navbar | |
|
|
|
| Pagination | |
|
|
|
| Progress | |
|
|
|
| Rating | |
|
|
|
| Sidebar | |
|
|
|
| Skeleton | |
|
|
|
| Speed Dial | |
|
|
|
| Spinner | |
|
|
|
| Stepper | |
|
|
|
| Tables | |
|
|
|
| Timeline | |
|
|
|
| Toast | |
|
|
|
Form
| Element | Code | Tests | Previews | Documentation |
|---|---|---|---|---|
| Checkbox Input | |
|
|
|
| Datepicker | |
|
|
|
| Form Builder | |
|
|
|
| Radio Input | |
|
|
|
| Range Input | |
|
|
|
| Select Free Input | |
|
|
|
| Select Input | |
|
|
|
| Spacer Input | |
|
|
|
| Text Input | |
|
|
|
| Textarea Input | |
|
|
|
| Toggle Input | |
|
|
|
| Upload Image Input | |
|
|
|
| Upload Input | |
|
|
|
| Search Input | |
|
|
|
| Timepicker | |
|
|
|
Typography
| Element | Code | Tests | Previews | Documentation |
|---|---|---|---|---|
| Heading | |
|
|
|
| Text | |
|
|
|
| Blockquote | |
|
|
|
| Lists | |
|
|
|
| HR | |
|
|
|