LotsDirectoryLotsDirectory

Rails Blocks

Ruby on Rails UI components built with Stimulus and Tailwind CSS, simply copy and paste the RoR code into your app or use our CLI & MCP...

Visit website
Listed from the product's public website (railsblocks.com)

Is this your product? Claim it to edit the listing, post updates and answer questions. Prove it with an email address at the product's domain (the listing becomes Claimed), or put the LotsDirectory badge on your website (the listing becomes Verified, and its link to your website is followed while the badge is live).

Claim this listingRequest removal

Description

Ruby on Rails UI components built with Stimulus and Tailwind CSS, simply copy and paste the RoR code into your app or use our CLI & MCP server.

About Rails Blocks

What is Rails Blocks?

Rails Blocks is a collection of UI components for Rails. The home page says 300+ components, built for Rails v7+, styled with Tailwind CSS, and interactive with Stimulus.

What Rails Blocks does

Components are copied into a Rails application. The set includes accordion, alert, button, card, carousel, datatable, drawer, command palette, and date picker views, and ViewComponent support. The page says each component is production-ready, Stimulus-powered, and accessible, with keyboard navigation and screen reader support. SchoolMaker and Sponsorship.so are real apps on the page. Dependencies include Tailwind CSS, Stimulus, Floating UI, and Embla Carousel.

Who Rails Blocks is for

Rails Blocks is for Rails developers who want UI components in a v7+ Rails application. Alex is on the page.

How Rails Blocks works

Install Tailwind CSS and Stimulus, then copy a component into the app. Importmap, npm, and yarn are the install paths. A ZIP download includes Stimulus controllers for all free components. Some components are Pro and some are New. The page says the components were built with Stimulus and Tailwind CSS, and that work started in 2022.

Key features

  • 300+ UI components for Rails v7+, with Tailwind CSS and Stimulus.
  • Copy individual components into the application.
  • ViewComponent support, and accordion, button, card, and datatable views.
  • Production-ready components with keyboard navigation and screen reader support.
  • Importmap, npm, or yarn for dependencies.
  • ZIP download of Stimulus controllers for free components.
  • Alex is on the page, with SchoolMaker and Sponsorship.so as real apps.

Facts from railsblocks.com, checked 14 October 2026

  • The home page says minimal dependencies and a focus on simplicity.
  • The page includes a dark mode switcher, a date picker, and a command palette.
  • Dependencies include Tailwind CSS, Stimulus, Floating UI, and Embla Carousel.
  • Nucleo icons are described with a standard license for commercial use.

Written from Rails Blocks's own website (Homepage, About, Docs). The maker can claim this listing to edit it.

Categories

Developer Tools

Frequently asked questions

What is Rails Blocks?

It is a collection of 300+ UI components for a Rails app, built for Rails v7+, styled with Tailwind CSS, and interactive with Stimulus. ViewComponent support is on the home page.

How is it installed?

Copy the component code into a v7+ Rails application. Tailwind CSS and Stimulus are required. Importmap, npm, and yarn are shown. A ZIP file includes controllers for all free components.

Who built it, and when?

Alex is on the page. It says the components started in 2022, using Stimulus and Tailwind CSS. SchoolMaker and Sponsorship.so are real apps.

Are any components marked Pro?

Some components are Pro and some are New. The installation page includes a download of free controllers.