Welcome to the Rails UI documentation
Stop wrestling with CSS. Ship polished Rails apps faster with battle-tested UI components and templates designed for Ruby on Rails, Hotwire, and Tailwind CSS.
Who is Rails UI for?
- 🛠️ Backend-focused developers who want to launch apps that look as good as they function.
- 🚀 Indie hackers & startups who need to ship MVPs fast—without hiring a designer.
- 💡 Agencies tired of rebuilding the same auth flows, dashboards, and CRUD UIs for every client.
If you’ve ever thought, “I can code this, but I hate making it look good,” Rails UI cuts that friction in half.
Why use Rails UI?
You're not paying for a framework—you're buying back 100+ hours of CSS wrestling.
Four reasons to stop reinventing UI:
-
It’s actually built for Rails
Components and pre-designed views work with Rails, Hotwire, and Stimulus out of the box—no fighting Rails conventions or JavaScript driven libraries.
-
Little to configure
Template-based ERB/HAML files mean no obscure DSLs. Tweak the HTML or CSS not your workflow.
-
Simple to customize
With no DSL or framework buy in, components and pre-designed views become yours to tweak and perfect.
-
Design guardrails, not handcuffs
Professional aesthetics by default, but everything is customizable with Tailwind CSS.
What's included?
Fast-forword any Rails project with:
-
200+ components
Buttons, forms, modals, tables—all responsive, all with dark mode support.
-
Production-ready view templates
Admin dashboards, authentication flows, CRUD UIs, mailers and more.
-
Constant updates
New components and templates added in recurring fashion. We're always adding new components and templates.
Key Philosophy
Rails UI believes:
- UI should enhance Rails—not force you into another new framework.
- Components and view templates are starting points, not prisons. Fork them, tweak them, own them.
- Good design is a feature, not an afterthought.
