Changelog

A list of updates and changes to Rails Blocks.

March 20th 2026

  • Improved navbar component: Added hover-to-open with intelligent delays to the stimulus controller and improve the down chevron SVG.
  • Improved combobox and select: added openOnMouseDown and lockScroll options and improved dropdown scroll locking inside dialogs and overlays.
  • Improved dropdown: Fixed the lockScroll option, which had an edge case issue with nested submenus.
  • Improved mobile behavior for modal, drawer, and slideover: scroll locking now applies immediately with consistent scrollbar compensation.

March 12th 2026

March 10th 2026

New: Shared Partials, ViewComponents & Markdown documentation

Since the beginning of the year, I've been working on creating Shared Partials and ViewComponents for all 52 component sets that were released in 2025, and I'm glad to announce that they are finally ready! 🙌
I've also added Markdown documentation for each component set so you can easily ask questions about them in your LLM of choice, or give enough context before customizing Rails Blocks components.

I also updated dependencies:

  • Tailwind CSS to v4.2.0
  • Pagy to v43.3.1
  • Floating UI to v1.7.6
  • Tom Select to v2.5.2

About dependencies

You can safely update your dependencies to the latest versions.

February 2026

In February 2026, I also shipped these fixes and improvements:

  • Fixed lightboxes opening behind dialog-based components (modal, drawer, and slideover)
  • Improved shared modal and slideover overlays: synchronized scroll-lock and scrollbar compensation across nested overlays, and hardened div-based modal behavior when portaled to <body>
  • Revamped the drawer interaction and animation system (smoother snap/drag/open motion), and improved the first-open of asynchronously loaded content UX across drawer, modal, and slideover by temporary disabling the button
  • Updated toast stacking: toasts now stay above <dialog> elements
  • Refactored the marquee animation engine for smoother slow-on-hover and resume behavior across Safari and Chrome
  • Fixed a Safari blinking issue when closing the feedback widget after submit or manual close
  • Added a new vertical marquee component
  • Improved popover stacking behavior in sticky layouts
  • Improved stepper: smoother entrance behavior, persistent current/visited step restoration, and submit loading state support
  • Refactored two factor to use dynamic digit targets (instead of num1..num6) and added optional numericOnly mode
  • Fixed tabs disabled-state behavior: disabled tabs are skipped during keyboard navigation and cannot be activated
  • Updated collapsible with instant icon switching and a new animated option to disable content motion when needed
  • Added a new plus/minus icon example for collapsible
  • Improved the carousel controller behavior and added a new vertical carousel example
  • Improved dropdown and context menu interactions: smoother nested submenu focus/highlight behavior during fast pointer movement
  • Improved sidebar component examples with better styling for the profile when the sidebar is collapsed

Recommendation

If you're using these components, I recommend updating your Stimulus controllers and custom CSS to take advantage of the latest improvements and bug fixes.

January 2026

In January 2026, I updated the site with the following improvements:

  • Added code syntax highlighting with Prism for improved code example rendering

December 2025

Happy new year! In December 2025, I built 4 new component sets:

I also updated existing components:

  • Renamed and refactored the conditional radio controller to conditional field controller for improved flexibility with both radio buttons and checkboxes
  • Updated the banner controller logic to improve header positioning and remove jittery animations when navigating between pages
  • Updated the tooltip and popover controllers to improve behavior when scrolling the page
  • Updated the forms CSS to add a new checkbox state
  • Updated the combobox custom CSS for better mobile support for the dropdown_input plugin, and improved the clearInput method
  • Added a new tree view component and improved tree view controller and styling
  • Fixed a Safari bug in the autocomplete and command palette components where keyboard navigation would incorrectly jump to the mouse cursor position when scrolling
  • Improved dropdown scroll behavior: removed aggressive auto-scroll on mouse hover, and enhanced keyboard navigation to show context around the selected option
  • Updated dropdown and context menu components with improved state management using data-highlighted and data-state attributes, plus better accessibility with aria-haspopup
  • Updated all secondary button styles for better dark mode visibility
  • Added a new filter toggle to ignore dark mode classes in the code examples

Recommendation

If you're using these components, I recommend updating your Stimulus controllers and custom CSS to take advantage of the latest improvements and bug fixes.

November 2025

In November 2025, I built 4 new component sets:

  • Banner

    View 4 components

  • Loading Indicator

    View 3 components

  • Rails Blocks is a modern component library for Ruby on Rails applications. It provides production-ready UI components that integrate seamlessly with Hotwire, Stimulus, and Tailwind CSS.

    Built with Rails conventions in mind, each component works perfectly with Turbo Drive, Turbo Frames, and Turbo Streams. All components are fully responsive and support both light and dark modes out of the box.

    Build modern, interactive web applications without extensive JavaScript. The library leverages Stimulus controllers for interactivity while keeping your Rails application fast and native.

    Every component is copy-and-paste friendly, giving you full control. Customize styles, behavior, and markup to fit your needs while maintaining consistency across your application.

    Scroll Area

    View 3 components

  • Stepper

    View 3 components

I also updated existing components:

  • Updated the emoji picker's min-width
  • Updated the navbar component with improved hover behavior and data-target attributes
  • Updated the combobox component with improved functionality and i18n support
  • Added a new div-based modal variant
  • Added a new switch variant with an enhanced active state

Recommendation

If you're using these components, I recommend updating your Stimulus controllers and custom CSS to take advantage of the latest improvements and bug fixes.

September 2025

In September 2025, I built 4 new free component sets:

I also updated existing components:

  • Updated combobox component with improved functionality
  • Enhanced autocomplete component with a better user experience
  • Improved tooltip component with enhanced hover

Recommendation

If you're using these components, I recommend updating your Stimulus controllers and custom CSS to take advantage of the latest improvements and bug fixes.

August 2025

In August 2025, I released 8 new component sets:

July 2025

In July 2025, I released 12 new component sets:

First half of 2025

During the first half of 2025, I built the initial version of Rails Blocks. It launched with 20 components after months of work.

Get notified when
new components come out

Bell icon