This content originally appeared on DEV Community and was authored by Alexandru Golovatenco
Hi everyone, I'm Alex 👋
A few months ago, I released Rails Blocks, a growing library of UI components that started as an internal tool for myself and our dev team, It started with 20 component sets with 120+ component examples, and it has now grown to 48 component sets with 260+ examples in total!
The components are built specifically for Rails:
With Stimulus-powered interactions
Styled with Tailwind CSS V4+
Easy to install in your own app (works with importmaps)
Battle-tested in real SaaS web apps (schoolmaker.com & sponsorship.so)
I got a lot of questions about ViewComponents & Phlex support, they are not supported yet but it's planned! (I want to first get to a higher amount of component sets)
Here’s the update for early November
I created 4 new component sets:
Banner to show important updates at the top or bottom of your apps
Loading indicator for your loading states
Scroll Area with a cool fade effect when we start scrolling
Stepper to help you save time when creating your onboarding or multi-step forms
The banner set includes a free banner component with a Black Friday counter which can be useful for next week ;)
Why I built this:
React gets amazing component libraries like Shadcn, but us Rails devs often have to build components from scratch or settle for outdated options.
I spent last year crafting reusable Stimulus components that rival what exists in the React world, but with Tailwind CSS & Stimulus and started sharing them this summer.
What's included in Rails Blocks:
Complex components like carousels, modals, date pickers
Form elements, dropdowns, tooltips and many others
Accessible and keyboard-friendly examples
Clean animations and smooth interactions
P.S. - Most component sets are free (≈80%), some are Pro (≈20%). I sank a lot of time into this and I'm trying to keep this sustainable while serving the community.
This content originally appeared on DEV Community and was authored by Alexandru Golovatenco
Alexandru Golovatenco | Sciencx (2025-11-21T18:13:02+00:00) I built a Rails UI library with Tailwind CSS & Stimulus JS (now at 48 component sets with 260+ examples). Retrieved from https://www.scien.cx/2025/11/21/i-built-a-rails-ui-library-with-tailwind-css-stimulus-js-now-at-48-component-sets-with-260-examples-3/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.