Rails Blocks

What it does

A collection of 120+ Ruby on Rails UI components with minimal dependencies, easy to use, with Tailwind CSS and stimulus controllers.

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.

accordion#toggle" aria-controls="accordion-content-0" aria-expanded="false" data-state="closed" data-orientation="vertical" id="accordion-trigger-0" tabindex="0" class="text-xs flex flex-1 items-center text-left justify-between py-1 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180 focus:outline-neutral-700 dark:focus:outline-white focus:outline-offset-2 px-2" > Is the accordion accessible? accordion#toggle" aria-controls="accordion-content-1" aria-expanded="false" data-state="closed" data-orientation="vertical" id="accordion-trigger-1" tabindex="0" class="text-xs flex flex-1 items-center text-left justify-between py-1 font-medium transition-all hover:underline…from railsblocks.com

• 
  SaaS Blocks for Tailwind2021 · saasblocks.app · ▲371

  Tailwind-based UI kit to make your next SaaS website

• 
  Rails UIJan 2026 · railsui.com · ▲208

  AI writes your Rails code. Rails UI makes it look like a real product. Complete, coherent product flows for Rails SaaS: auth, dashboards, billing, and email, designed as one system.

• 
  ShadcnblocksNov 2025 · shadcnblocks.com · ▲361

  The ultimate block set for shadcn/ui, Tailwind, and React

• 
  20+ Free Tailwind CSS & React Blocks2024 · material-tailwind.com · ▲184

  Fully coded UI sections with designer file included

• 
  Design Rails2014 · designrails.com · ▲211

  Hey HN, we're building Design Rails. It's a chat-based brand builder. You describe your project, iterate with an AI designer, and walk away with a logo, color palette, typography, and style guide - all formatted as specs you can drop into your project for Claude Code, Cursor or whatever you're coding with. Free tier gets you a full logo (PNG) and basic palette. Paid tier ($49 one-time) - everything you need for your next project - full coding-agent ready specs, SVG logos, icon variants, etc. Built with Next.js, Vercel AI SDK, and Inngest for the async generation jobs. Would love to hear your…

• 
  Rails Components2025 · ▲13

  finish your websites twice faster

• 
  /dev/null▲494

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲489

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Clueso▲1,300

  Create stunning product videos in minutes with AI

  AI · 2025 · clueso.io

• 
  Trickle - Magic Canvas ▲1,064

  Hey HN! Introducing Trickle Magic Canvas: the world’s first Agentic Canvas, where you can visually co-create apps and websites with AI, from idea to production. Why is a canvas better? Most AI tools today rely on linear chats or text prompts. We believe that limits creativity and clarity. Canvas changes the game. 1. Every version & page at a glance. Each page and sub-page lives on a timeline. You can quickly browse, edit, and preview progress like a living, visual document — no more digging through chat logs or scattered states. 2. The canvas is the context. Unlike linear chats, you can…

  AI · 2025 · trickle.so

• TB
  Tinder but it's only pictures of my wife and I can only swipe right▲1,030

  Life & fun · 2025 · trytender.app

• 
  Ten years of running every day, visualized▲958

  Today marks ten years, 3653 consecutive days, of running at least one mile every day under the USRSA rules [1]. To celebrate, I built an interactive dashboard that turns a decade of GPX files into charts you can explore. Running has truly changed my life: I've made lifelong friends, explored beautiful places, and more importantly invested into my own health and fitness, which I'm starting to see the positive benefits as I get older. The stack is pretty simple: a NextJS app, with a Postgres database to keep all my running data, and all the stats are pre-computed and cached in Redis, so I…

  Dev tools · 2025 · nodaysoff.run

• 
  Draw a fish and watch it swim with the others▲935

  Made this website as an exercise in vibe-coding and GCP. It was posted about a few times around the internet, on sites like Morning Brew (https://www.morningbrew.com/issues/business-buzzkill), MetaFilter (https://www.metafilter.com/209703/Draw-A-Fish), boingboing.net, etc. I think it's cute! I built a basic CNN trained against penises and swastikas, and then anything that doesn't hit the 63% confidence score gets sent to a mod queue, a vibe-coded fish-tinder…

  AI · 2025 · drawafish.com

• 
  Use Their ID – Use your local UK MP’s ID for the Online Safety Act▲862

  Hi HN - I made a site that takes a UK postcode, grabs the local MP's information and generates an AI mockup of what their ID might look like. It's a small, silly protest at the stupidity of the Online Safety Act that just came into force. edit - My open AI credits got hugged to death, please use a known postcode (like one from Kier Starmer's constituency, WC2B6NH) in the meantime.

  AI · 2025 · use-their-id.com