UI components for Rails

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. The professionally-designed library features an ever-growing selection of components with multiple variants, saving developers countless hours.

View the current components library for each category below. Or check out what is on the roadmap.

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.
- Alerts
- Empty States
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.
- Buttons
- Confirm Field
- Form Labels
- Image Previews
- Local Autosaves
- 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.
- Chats
- Grids
- Stacked
- Content sections Coming soon
- Feeds Coming soon
- Kanban Boards Coming soon

UI components for Ruby on Rails apps

$ 99 one-time
payment

Get Access

One-time Payment

Access to the Entire Library

Built for Ruby on Rails

Designed with Tailwind CSS and Enhanced with Hotwire

Updates for 12 months