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.
Top comments (0)