A favicon of Rails UI

Rails UI

Access professionally designed UI components & templates for Ruby on Rails. Build modern apps faster with Tailwind CSS styled elements for various views.

Visit Rails UI
A screenshot of Rails UIVisit

Stop reinventing UI and save 100+ hours building your Ruby on Rails applications. Access a comprehensive suite of professionally designed UI components and templates, all exclusively crafted for Rails and styled with Tailwind CSS. Get production-ready elements for common needs like authentication flows, dashboards, and CRUD interfaces.

These sleek, reusable components integrate directly into your Rails app without forcing a buy-in to complex front-end frameworks. Leverage template-driven components with support for HTML, ERB, and HAML to build impactful user features faster. Explore easy-to-customize themes, each with uniquely integrated components, designed to enhance programmer happiness and significantly reduce development time. The library includes over 30 components, such as:

  • Accordions
  • Alerts
  • Badges
  • Buttons
  • Cards
  • Dropdowns
  • Modals
Share:

Similar to Rails UI:

Design and development perfectly aligned.
FigmaReact+1 more
Achieve consistent UI and quick development with flexible React components styled with TailwindCSS. Offers easy integration and Figma alignment for seamless workflows.
Cal.com's design system and branding guidelines.
CompanyFigma+2 more
Access comprehensive design system and branding guidelines. Find design tokens, ready-to-use assets, and direct Figma links for Cal.com's design system.
Modern UI components for your codebase. Build faster.
ReactTailwind CSS
Accelerate development with a React & Tailwind CSS UI kit. Get production-ready, customizable components directly in your codebase, built by Tailwind's creators.

Command Menu