Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
Rails Blocks | Ruby on Rails UI components using Tailwind CSS and Stimulus

Rails Blocks

Installation CLI MCP

Pro

UI components for your Rails app

A ready-to-use collection of 280+ 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
Badge

Badge

View 6 components
New Feature Launch! 🚀

Banner

View 4 components
2. /
  
  Getting started Components
3. / Breadcrumb
Breadcrumb

View 5 components
Get notified when
new components come out

Thanks for subscribing!

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

View 14 components
Card Preview

Simple card components with multiple variations.

Card

View 8 components
Slide 1

Slide 2

Slide 3

Carousel

View 7 components
Checkbox input

Checkbox

View 4 components
New

Select All

Product Design

Development

Marketing

Checkbox Select All

View 4 components
Clipboard

View 7 components
You starred 2 repositories

rails/rails

hotwired/stimulus

Collapsible

View 2 components
Color picker

View 6 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
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
dropdown-popover#closeOnClickOutside keydown.up->menu#prev keydown.down->menu#next keydown.up->menu#preventScroll keydown.down->menu#preventScroll" >

Context menu

View 4 components

New

Pro

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

Date picker

View 10 components
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
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
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
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
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
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
Password

View 5 components
New

Previous Page 1 of 3 Next

Pagination

View 4 components
Popover

View 6 components
Radio input

Radio

View 5 components
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
Select

View 5 components
Get notified when
new components come out

Thanks for subscribing!

We'll notify you when new components are released.
Your content

Sidebar

View 3 components
Skeleton

View 6 components
Pro

Right Slideover

Content...

Slideover

View 7 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
Pro

Tab 1 content

Tab 2 content

Tab 3 content

Tabs

View 8 components

New

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

Table

View 5 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.
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

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