Rails UI Engineering Articles
Practical guides to build better Rails UI. I share the patterns and approaches I use in my daily work with Hotwire, Rails and modern front-end practices.
Latest articles
-
Understanding importmap-rails
Understand how importmap works within your Rails app using the importmap-rails gem.
Published on
-
Welcome to a new Rails Designer
Rails Designer has a complete new look and more importantly is now powered by Perron, the Rails-based SSG.
Published on
-
Record video in Rails with Stimulus
Build a video recording feature using the MediaRecorder API. Learn how to capture webcam, screen and picture-in-picture recordings with clean Stimulus controller organization.
Published on
-
Introducing Icons: Add any icon library to your Ruby app
Icons is a new gem to add any icon library to your Ruby apps.
Published on
Popular articles
Based on views using the Wilson Score with time decay.
-
Hidden Gems of Tailwind CSS
Unlock the full potential of Tailwind CSS for your Rails-based SaaS apps with our guide on hidden features. From changing checkbox colors to leveraging peer modifiers and custom variants, enhance your web UIs effortlessly.
Published on
-
10 Modern CSS Features You Want to Use
CSS is evolving quickly and there many really cool new features that can help you craft beautiful web pages.
Published on
-
Building optimistic UI in Rails (and learn custom elements)
Learn how custom elements work in Rails by building an optimistic form. From simple counters to instant UI updates, understand when to use custom elements over Stimulus controllers.
Published on
-
Rails' Partial Features You (Didn't) Know
Rails partials have many lesser known features. From counters to spacer templates! Learn all there is to know about partials.
Published on
-
February 2026 (1 article)
-
May 2025 (7 articles)
-
10 Modern CSS Features You Want to Use
-
Rails dom_id helper without exposing the primary id
-
Create a Markdown-Powered Textarea with Stimulus
-
Salut Courrier! A New Ruby Gem to Send Emails
-
Natural Language Parser for Recurring Events using Stimulus
-
Recurring Calendar Events in Rails
-
Turbo Drive, Frames, Streams, Morph? What to use?!
-
-
November 2024 (10 articles)
-
Stimulus Features You (Didn't) Know
-
Spacer Components introduced in ViewComponent 3.20
-
Inline Unsupported Browser Warning (using Rails 7.2 feature)
-
Inheritance with Stimulus Controller
-
Don't expose primary id's with Rails' dom_id
-
Announcing: Build a SaaS with Ruby on Rails
-
Rails' Partial Features You (Didn't) Know
-
Mathematical and Optically alignment in (visual/UI) design
-
Store UI State in localStorage with Stimulus
-
Use Action Cable with Your Main PostgreSQL Database
-
-
October 2024 (12 articles)
-
Hotwire and Stimulus Tools You Need to Know
-
Basic Autocomplete Without JavaScript using Datalist
-
Tailwind CSS Patterns
-
Broadcast Turbo Streams without Redis
-
New: Rails Development Tool
-
How do Turbo Streams Work (behind the scenes)
-
Changing CSS as You Scroll with Stimulus
-
Announcing JavaScript for Rails Developers
-
Rails UI Components Library Tips and Tricks
-
Smooth Transitions with Turbo Streams
-
S3 Alternatives for Rails' ActiveStorage
-
ActiveStorage Direct Upload with Stimulus
-
-
September 2024 (7 articles)
-
Drag & Drop Images with Preview using Stimulus Outlets
-
Conditionally Style Turbo Frame Content
-
Fix Any CSS Z-index Issue With This One Trick
-
Create a Resizable Navigation with Stimulus
-
Connected and Disconnected Target Callbacks with Stimulus
-
Building Nested Forms in Rails with Stimulus
-
Refactor Stimulus.js Controllers to Use Change Callbacks
-
-
August 2024 (10 articles)
-
Launch a Turbo Modal with URL Params Using Stimulus
-
Tidy up your Rails code with `inquiry`
-
Better Inline Validation for Rails Forms (with ViewComponent or partials)
-
Introducing: Beautiful Layouts for Your Rails App
-
When to Use call, erb_template, or html.erb in Rails ViewComponents?
-
Nested Forms With Turbo (without dependencies)
-
Nested Layouts with Ruby on Rails
-
Preview an Image Before Upload with Hotwire/Stimulus
-
New Rails Designer Tool: beautiful Tailwind CSS gradients
-
From Partials (and Helpers) to Embracing ViewComponent in Rails
-
-
July 2024 (9 articles)
-
Use CSS' `only-child` instead of `if/else` logic
-
Inline Save and Add Another with Rails and Hotwire
-
5 UI Components Libraries for Ruby on Rails (updated for 2026)
-
Add a “X is writing…” with Rails and Turbo
-
Create a String to Color Helper with Ruby
-
Rails Designer V1 is here!
-
Add a custom Tailwind CSS class for reusability and speed
-
UI Design Tips Using Tailwind CSS for Developers
-
When to use `link_to` and `button_to` in Rails
-
-
May 2024 (9 articles)
-
Lesser Known Rails Helpers to Write Cleaner View Code
-
Communicating between Stimulus Controllers using Outlets API
-
Customize the Turbo Progress Bar
-
Inline SVG Icons in Your Rails App
-
Custom Confirm Dialog For Turbo and Rails
-
Simple Preferences to Any Resource for Rails
-
How to Create a Stimulus Toggle Class Controller
-
How to Add Disabled State to Buttons with Turbo & Tailwind CSS
-
New in Rails Designer: the Command Menu Component
-
-
April 2024 (7 articles)
-
March 2024 (9 articles)
-
Data-Attributes Magic with Tailwind CSS & Stimulus
-
How to Toggle Multiple CSS Classes with Stimulus
-
How to Properly Structure Stimulus Controller
-
Make Your Rails App Future Proof: Move From React to Hotwire
-
Custom Meta Titles in Rails Apps: A Quick Guide
-
How to implement and customize Rails Flash Messages (notifications)
-
Why choose ViewComponent over Rails partials
-
Conditionally Add CSS Classes in Your Stimulus Controllers
-
Conditionally Add CSS Classes to Your Views and Components
-