Articles

Improve your UI and UX of your Rails apps with the articles focusing on Tailwind CSS, Stimulus and Hotwire.

  1. Inline SVG Icons in Your Rails App
  2. Custom Confirm Dialog For Turbo and Rails
  3. Simple Preferences to Any Resource for Rails
  4. How to Create a Stimulus Toggle Class Controller
  5. How to Add Disabled State to Buttons with Turbo & Tailwind CSS
  6. New in Rails Designer: the Command Menu Component
  7. How to Work with Forms inside Forms in Rails
  8. Hidden Gems of Tailwind CSS
  9. ViewComponent over Turbo Stream Broadcasts
  10. Hello 100 Rails Designers!
  11. Introducing Rails Icons: One Gem to Rule Them All
  12. Guide to Slots in Rails' ViewComponent
  13. Easy Peasy Form Validation Errors with Rails Turbo Frames (modals)
  14. Data-Attributes Magic with Tailwind CSS & Stimulus
  15. How to Toggle Multiple CSS Classes with Stimulus
  16. How to Properly Structure Stimulus Controller
  17. Make Your Rails App Future Proof: Move From React to Hotwire
  18. Custom Meta Titles in Rails: A quick guide
  19. Flash Messages (notifications) in Rails Apps
  20. Why choose ViewComponent over Rails partials
  21. Conditionally Add CSS Classes in Your Stimulus Controllers
  22. Conditionally Add CSS Classes to Your Views and Components
  23. How to add a skeleton UI to Rails with Turbo
  24. How to add Hotkeys to your Rails App with Stimulus
  25. Favicons in Rails Apps: the 2024 way
  26. The missing UI Components Library for Rails: Introducing Rails Designer
  27. Missing Styles from Tailwind CSS in ViewComponent?
  28. How to create Modals with Rails and Hotwire (and Tailwind CSS)
  29. Quicktips for ViewComponent with Tailwind CSS/Hotwire