H1 RailsH1 Rails
H1 Rails
Base Styles
Better Select
Demos
Code
H1 Rails
Base Styles
Better Select
Demos
Code
  • Intro

    • About H1 Rails
    • Libraries
    • Setup
    • Structure
  • Elements

    • Icons
    • Toasts
    • Modals
    • Dropdowns
    • Native HTML Date Picker

Libraries

H1 Rails follows HTML First Best Practices. The libraries below are very lightweight, don't require a bundler/build step, and designed to extend HTML rather than replace it.

Styling and interactivity

  • HTMX makes html handle links and forms better. (This replaces the Rails default Turbo).
  • Mini makes html handle interactivity better. (This replaces the Rails default Stimulus).
  • Base Styles is a small set of css utilities for common use cases.
  • Tailwind Lite is a build-less version of Tailwind, which gives you thousands of utility classes to style with.

Other Stuff

  • Active Admin lets us build admin panels in just a few lines of code.
  • Devise handles user authentication.
  • Figaro lets you store environment variables that can be used throughout the app.
Last Updated:
Contributors: Tony Ennis
Prev
About H1 Rails
Next
Setup

On This Page

  • Styling and interactivity
    • Other Stuff