Articles

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

  1. Inline Save and Add Another with Rails and Hotwire
  2. 5 UI Components Libraries for Ruby on Rails (in 2024)
  3. Add a “X is writing…” with Rails and Turbo
  4. Create a String to Color Helper with Ruby
  5. Rails Designer V1 is here!
  6. Add a custom Tailwind CSS class for reusability and speed
  7. UI Design Tips Using Tailwind CSS for Developers
  8. When to use `link_to` and `button_to` in Rails
  9. How to add “Save and add another” feature to Rails apps
  10. How to Create an Undo Action with Rails
  11. How Layouts Work in Rails
  12. How to disable Rails Form's `.field_with_errors`
  13. Update a Progress Bar using Turbo Streams (using Custom Actions)
  14. PayPal is Now Accepted
  15. Lesser Known Rails Helpers to Write Cleaner View Code
  16. Communicating between Stimulus Controllers using Outlets API
  17. Customize the Turbo Progress Bar
  18. Inline SVG Icons in Your Rails App
  19. Custom Confirm Dialog For Turbo and Rails
  20. Simple Preferences to Any Resource for Rails
  21. How to Create a Stimulus Toggle Class Controller
  22. How to Add Disabled State to Buttons with Turbo & Tailwind CSS
  23. New in Rails Designer: the Command Menu Component
  24. How to Work with Forms inside Forms in Rails
  25. Hidden Gems of Tailwind CSS
  26. ViewComponent over Turbo Stream Broadcasts
  27. Hello 100 Rails Designers!
  28. Introducing Rails Icons: One Gem to Rule Them All
  29. Guide to Slots in Rails' ViewComponent
  30. Easy Peasy Form Validation Errors with Rails Turbo Frames (modals)
  31. Data-Attributes Magic with Tailwind CSS & Stimulus
  32. How to Toggle Multiple CSS Classes with Stimulus
  33. How to Properly Structure Stimulus Controller
  34. Make Your Rails App Future Proof: Move From React to Hotwire
  35. Custom Meta Titles in Rails Apps: A Quick Guide
  36. Flash Messages (notifications) in Rails Apps
  37. Why choose ViewComponent over Rails partials
  38. Conditionally Add CSS Classes in Your Stimulus Controllers
  39. Conditionally Add CSS Classes to Your Views and Components
  40. How to add a skeleton UI to Rails with Turbo
  41. How to add Hotkeys to your Rails App with Stimulus
  42. Favicons in Rails Apps: the 2024 way
  43. The missing UI Components Library for Rails: Introducing Rails Designer
  44. Missing Styles from Tailwind CSS in ViewComponent?
  45. How to create Modals with Rails and Hotwire (and Tailwind CSS)
  46. Quicktips for ViewComponent with Tailwind CSS/Hotwire