UI components for your Rails app

A ready-to-use collection of 350+ UI components with minimal dependencies and a focus on simplicity

Built for Rails v7+

Styled with TailwindCSS v4+

Interactive with Stimulus

ViewComponent support

Accordion

View 11 components
Information

Alert description.

Alert

View 5 components
Animated Number

View 11 components
Pro

Autocomplete Search

View 10 components
Autogrow

View 3 components
+3

Avatar

View 5 components
Badge

Badge

View 6 components
New Feature Launch! 🚀

Banner

View 4 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
2. /
  
  Getting started Components
3. / Breadcrumb
Breadcrumb

View 5 components
Buttons

View 14 components
Card Preview

Simple card components with multiple variations.

Card

View 8 components
Updated

Slide 1

Slide 2

Slide 3

Carousel

View 7 components
New

Pro

Revenue

$34,500

12%

Chart

View 12 components
Checkbox input

Checkbox

View 4 components
Select All

Product Design

Development

Marketing

Checkbox Select All

View 4 components
Updated

Clipboard

View 7 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
You starred 2 repositories

rails/rails

hotwired/stimulus

Collapsible

View 2 components
Updated

Color picker

View 9 components
Updated

Combobox (Multi-select)

View 10 components
Pro

Esc to close,

Enter to select,

to navigate.

Command Palette

View 4 components
Create Workspace

Type CREATE to confirm:

Confirmation

View 6 components
Pro

Right click to open the context menu Long press to open the context menu

Context menu

View 4 components
Dark Mode Switcher

View 3 components

Name	Role	Status
Alex Johnson	Admin	Active
Sarah Miller	Editor	Active
Michael Chen	Viewer	Pending
Emily Davis	Editor	Active
James Wilson	Viewer	Active
Lisa Anderson	Admin	Active
Robert Brown	Viewer	Active
Patricia Taylor	Editor	Pending
David Martinez	Admin	Active

1–3 of 9

1 / 3

Datatable

View 4 components

Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
Date picker

View 10 components
Updated

Home Articles Projects

The dock is replaced by a drop-up menu on mobile

Dock Menu

View 1 component
Pro

Drawer Example

Drag down to dismiss or click the button below

Drawer

View 8 components
Pro

Option 1 Option 2 Option 3

Option 1 Option 2 Option 3

Dropdown

View 8 components
Emoji picker

View 3 components
Feedback

View 9 components
Forms

View 3 components
Recent activity

Workspace updates

Live

Olivia shipped a release
2m

Noah left feedback
4m

Mia uploaded files
6m

Ethan completed a task
8m

Infinite Scroll

View 1 component
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
KBD & Hotkey

View 3 components
+2

Lightbox

View 3 components
Loading Indicator

View 3 components
Ruby on Rails

Stimulus

Tailwind CSS

Rails Blocks

Marquee

View 4 components
Pro

Are you sure?

Are you sure you want to do that?

Modal

View 10 components
Rails Blocks

Delightful Rails components.

Modal

Dialog boxes for user interactions and confirmations.

Dropdown

Contextual menus with keyboard navigation.

Tooltip

Helpful hints that appear on hover or focus.

Installation

Get started with Rails Blocks in your Rails app.

Author's Note

Learn about the philosophy behind Rails Blocks.

Roadmap

See what's coming next and vote on features.

Changelog

Latest updates and new component releases.

Rails Blocks Pro

Unlock premium components and features.

Create an account

And get notified when new components are released.
Navbar

View 2 components
Pro
Onboarding Checklist

View 3 components
Previous Page 1 of 3 Next

Pagination

View 4 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
Password

View 5 components
Popover

View 6 components
Radio input

Radio

View 5 components
New

Resize

View 13 components
Updated

Rails Blocks is a modern component library for Ruby on Rails applications. It provides production-ready UI components that integrate seamlessly with Hotwire, Stimulus, and Tailwind CSS.

Built with Rails conventions in mind, each component works perfectly with Turbo Drive, Turbo Frames, and Turbo Streams. All components are fully responsive and support both light and dark modes out of the box.

Build modern, interactive web applications without extensive JavaScript. The library leverages Stimulus controllers for interactivity while keeping your Rails application fast and native.

Every component is copy-and-paste friendly, giving you full control. Customize styles, behavior, and markup to fit your needs while maintaining consistency across your application.

Scroll Area

View 3 components
Updated

Select

View 5 components
Updated

Your content

Sidebar

View 3 components
Skeleton

View 6 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
Pro

Right Slideover

Content...

Slideover

View 7 components
New

Volume 64%

Slider

View 12 components
New

Sound

View 12 components
Pro
Choose Your Plan

Select a plan

Free

Lite

Basic

Pro

What is your role?

Select your role

CEO

Developer

Designer

Where did you learn about us?

Select how you found us

Search

Social

Referral
Stepper

View 3 components
Switch

View 3 components

Name	Role	Status
Alex Johnson	Admin	Active
Sarah Miller	Editor	Active
Michael Chen	Viewer	Pending

Table

View 5 components

Pro

Tab 1 content

Tab 2 content

Tab 3 content

Tabs

View 8 components
"Outstanding quality!"

Michael Rodriguez

Verified Customer

Testimonial

View 8 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
Updated

Toast

View 7 components
Tooltip

View 7 components
Tree View

View 2 components
-

Two Factor

View 1 component

Component roadmap Changelog

UI components for your Rails app

Information

Get notified whennew components come out

Thanks for subscribing!

Card Preview

Get notified whennew components come out

Thanks for subscribing!

You starred 2 repositories

Get notified whennew components come out

Thanks for subscribing!

Get notified whennew components come out

Thanks for subscribing!

Get notified whennew components come out

Thanks for subscribing!

Get notified whennew components come out

Thanks for subscribing!

Choose Your Plan

What is your role?

Where did you learn about us?

Get notified whennew components come out

Thanks for subscribing!

Get notified whennew components come out

Thanks for subscribing!

Get notified when
new components come out

Get notified when
new components come out

Get notified when
new components come out

Get notified when
new components come out

Get notified when
new components come out

Get notified when
new components come out

Get notified when
new components come out

Get notified when
new components come out