The latest articles on DEV Community by Alexandru Golovatenco (@sandu). https://dev.to/sandu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3623407%2Fa74561af-0614-4fcc-b61c-81ec8fd64632.png https://dev.to/sandu en Alexandru Golovatenco Fri, 21 Nov 2025 18:13:02 +0000 https://dev.to/sandu/i-built-a-rails-ui-library-with-tailwind-css-stimulus-js-now-at-48-component-sets-with-260-1c7d https://dev.to/sandu/i-built-a-rails-ui-library-with-tailwind-css-stimulus-js-now-at-48-component-sets-with-260-1c7d <p>Hi everyone, I'm Alex 👋</p> <p>A few months ago, I released <a href="https://railsblocks.com" rel="noopener noreferrer">Rails Blocks</a>, 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!</p> <p>The components are built specifically <strong>for Rails</strong>:</p> <ul> <li><p>With Stimulus-powered interactions</p></li> <li><p>Styled with Tailwind CSS V4+</p></li> <li><p>Easy to install in your own app (works with importmaps)</p></li> <li><p>Battle-tested in real SaaS web apps (schoolmaker.com &amp; sponsorship.so)</p></li> </ul> <p>I got a lot of questions about ViewComponents &amp; Phlex support, they are not supported yet but it's planned! (I want to first get to a higher amount of component sets)</p> <p><strong>Here’s the update for early November</strong></p> <p>I created 4 new component sets:</p> <ul> <li><p><strong>Banner</strong> to show important updates at the top or bottom of your apps</p></li> <li><p><strong>Loading indicator</strong> for your loading states</p></li> <li><p><strong>Scroll Area</strong> with a cool fade effect when we start scrolling</p></li> <li><p><strong>Stepper</strong> to help you save time when creating your onboarding or multi-step forms</p></li> </ul> <p>The banner set includes a free banner component with a Black Friday counter which can be useful for next week ;)</p> <p><a href="https://railsblocks.com/changelog" rel="noopener noreferrer">See the changelog</a></p> <p><strong>Why I built this:</strong></p> <p>React gets amazing component libraries like Shadcn, but us Rails devs often have to build components from scratch or settle for outdated options.</p> <p>I spent last year crafting reusable Stimulus components that rival what exists in the React world, but with Tailwind CSS &amp; Stimulus and started sharing them this summer.</p> <p><strong>What's included in Rails Blocks:</strong></p> <ul> <li><p>Complex components like carousels, modals, date pickers</p></li> <li><p>Form elements, dropdowns, tooltips and many others</p></li> <li><p>Accessible and keyboard-friendly examples</p></li> <li><p>Clean animations and smooth interactions</p></li> </ul> <p>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.</p> webdev rails ruby tailwindcss