Rails UI Components Library

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.

Also take a look at the packaged Rails layouts for ready-to-use design structures for your Rails app to save even more time and effort.

Logged in as Cam

Log out

Suspicious Login Attempt

We've prevented a login from an unrecognized source.

New customers

720

67.8%

Elements

Improve your app’s user interface with UI elements designed for clarity and concise information delivery.
- Accordions
- Avatars
- Badges
- Copy To Clipboard
- Dropdowns
- Hovercards
- Tooltips
Navigation

Exploration of your Rails app should be a priority. Now easy as ever with these navigation components.
- Command Menu
- Contextual Menus
- Global Hotkeys
- Navbars
- Sidebar Navigation
- Tabs
- Breadcrumbs Coming soon
- Paginations Coming soon
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.
- Stats
- Calendar Coming soon
- Description Lists Coming soon
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 Coming soon
- Color Pickers Coming soon
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 Coming soon
- Kanban Boards Coming soon

UI components for Ruby on Rails apps

$ 129 one-time
payment

Get Access

One-time Payment

Access to the Entire Library

Built using ViewComponent

Designed with Tailwind CSS

Enhanced with Hotwire