Rails UI Components
The first professionally-designed UI components library for Ruby on Rails apps. Build beautiful, faster.
-
Built with ViewComponent
ViewComponent keeps UI components manageable and maintainable.
-
Designed with Tailwind CSS
Tailwind CSS is the quickest, and most developer-friendly, way to built stunning UI for your Rails apps.
-
Enhanced with Hotwire
When needed, components are enhanced with sprinkles of JavaScript using the Hotwire trifecta.
Rails Designer's components, built with ViewComponent, designed with Tailwind CSS and enhanced with Hotwire, are reusable and extendable components for modern SaaS apps developed in Ruby on Rails. It's the first professionally-designed Rails UI components library featuring an ever-growing selection of components with multiple variants, saving your team countless hours.
-
Elements
Improve your app’s user interface with UI elements designed for clarity and concise information delivery.
-
Navigation
Exploration of your Rails app should be a priority. Now easy as ever with these navigation components.
- Breadcrumbs
- Command Menu
- Contextual Menus
- Global Hotkeys
- Navbars
- Sidebar Navigation
- Tabs
-
Paginations Planned
-
Overlay
Introduce layers of context and interaction with overlays, enriching your user’s journey by providing or getting information while keeping their context.
-
Feedback
Convey system statuses and user feedback with clarity.
-
Headings
Structure your Rails app clearly, guiding users through content layers with visual markers that signify relevance and hierarchy without being overwhelming.
-
Data Display
Simplify your complex data through intuitive visual formats, enabling users to grasp significant insights quickly for informed actions.
-
Form Elements
Optimize your user’s input with advanced form elements, ensuring accuracy and thus, delighted emails in your support inbox.
Also check out the Form Builder.
- Buttons
- Checkboxes
- Confirm Field
- Form Labels
- Image Previews
- Local Autosaves
- Textarea Autogrow
- Page Refresh Confirm
-
Autocomplete Planned
-
Color Pickers Planned
-
Lists
Streamline your heavy data- and content-sections, whether it’s for engaging chats, systematic content sections, or vibrant feeds, facilitating information consumption and user interaction.
- Bulk Actions
- Chats
- Feeds
- Grids
- Stacked
-
Content sections Planned
-
Kanban Boards Planned