rails.style is a curated resource hub for Rails developers. Compare UI frameworks, rendering solutions, and more — with honest data to help you choose.

Design Systems & UI Libraries

Rails-specific component libraries and design systems for building production interfaces.

Comparison of Rails-specific design systems and UI libraries
Name Components Rendering Styling Frontend Pricing Status
GOV.UK
Design System Figma Gem Form Builder Templates (Prototype Kit)
~40 ViewComponent Custom — Free Active
Polaris
Design System Figma Icons Gem · unofficial
~70 ViewComponent (unofficial) Custom Web Components (official), Stimulus (unofficial) Free Active
Primer (ViewComponents)
Design System Figma Icons (Octicons) Gem
~60 ViewComponent Custom — Free Maintenance
CSS Zero
Icons Gem Templates (few)
~60 ERB Custom Stimulus Free Active
Protos
Gem
~27 Phlex Tailwind CSS, daisyUI Stimulus Free Active
RailsbootUI
Form Builder Templates (few)
~44 (22 free, 22 pro) ViewComponent Bootstrap — Freemium ($99+) Active
Rails Designer
Icons Gem Form Builder Templates (few)
200+ ViewComponent Tailwind CSS Stimulus Paid ($99+) Active
RailsUI
Gem Form Builder Templates (~20 pages x 8 themes)
~150 (40+ per theme) ERB Tailwind CSS Stimulus Freemium ($299/yr+) Active
RubyUI formerly Phlex UI
Gem
~44 Phlex Tailwind CSS Stimulus Free Active
shadcn/ui on Rails
Gem Form Builder
~33 ERB + helpers Tailwind CSS, shadcn/ui Stimulus Free Maintenance
ZestUI
Gem Form Builder
~21 Phlex Tailwind CSS Stimulus Paid ($69+) Paused
GOV.UK Active
Components ~40
Rendering ViewComponent
Styling Custom
Pricing Free
Design System Figma Gem Form Builder Templates
Polaris Active
Components ~70
Rendering ViewComponent (unofficial)
Styling Custom
Frontend Web Components (official), Stimulus (unofficial)
Pricing Free
Design System Figma Icons Gem · unofficial
Primer (ViewComponents) Maintenance
Components ~60
Rendering ViewComponent
Styling Custom
Pricing Free
Design System Figma Icons Gem
CSS Zero Active
Components ~60
Rendering ERB
Styling Custom
Frontend Stimulus
Pricing Free
Icons Gem Templates
Protos Active
Components ~27
Rendering Phlex
Styling Tailwind CSS, daisyUI
Frontend Stimulus
Pricing Free
Gem
RailsbootUI Active
Components ~44 (22 free, 22 pro)
Rendering ViewComponent
Styling Bootstrap
Pricing Freemium ($99+)
Form Builder Templates
Rails Designer Active
Components 200+
Rendering ViewComponent
Styling Tailwind CSS
Frontend Stimulus
Pricing Paid ($99+)
Icons Gem Form Builder Templates
RailsUI Active
Components ~150 (40+ per theme)
Rendering ERB
Styling Tailwind CSS
Frontend Stimulus
Pricing Freemium ($299/yr+)
Gem Form Builder Templates
RubyUI Active
formerly Phlex UI
Components ~44
Rendering Phlex
Styling Tailwind CSS
Frontend Stimulus
Pricing Free
Gem
shadcn/ui on Rails Maintenance
Components ~33
Rendering ERB + helpers
Styling Tailwind CSS, shadcn/ui
Frontend Stimulus
Pricing Free
Gem Form Builder
ZestUI Paused
Components ~21
Rendering Phlex
Styling Tailwind CSS
Frontend Stimulus
Pricing Paid ($69+)
Gem Form Builder

Rendering Solutions

Move beyond ERB partials with component-based architectures for reusable, testable UI.

Comparison of Rails view rendering solutions
Name Encapsulation Templating Output Performance*
ERB Partial Weak Template HTML 3
ViewComponent Strong Ruby Class + Template HTML 6
Cells Strong Ruby Class + Template HTML 2
Hanami::View Strong Ruby Class + Template HTML, JSON, XML —
Phlex Strong Pure Ruby HTML (more planned) 8
Papercraft Moderate Pure Ruby HTML, JSON, XML 9

* Performance data: view-layer-benchmarks

Further Reading