About H1 Rails

H1 Rails is the quickest way to make beautiful web apps with minimal complexity. It uses Ruby on Rails, but centers on HTML, CSS, and Javascript, with the goal of being extremely approachable to developers who are new to Rails.

What's In The Box?s

--ui-font-family-headers: 'Inter', sans-serif;
--ui-font-family: 'Inter', sans-serif;
--ui-color-primary: #0070f3;
--ui-shared-border-radius: 6px;
--ui-shared-border-width: 2px;

<form_>

before_action :renders_in_modal

flash[:toasts] = [
  { title: "Success!", body: "Your changes have been saved."}
]

FAQs

What does H1 stand for?

H1 stands for "HTML First" - a style of writing web software that favours using the native capabilities and languages of the browser and reducing layers of abstraction (languages and toolchains) on top of them. You can read more about it here.

How does H1 Rails differ from standard Rails?

In H1 Rails, you don't need to know anything about Turbo Frames, Turbo Streams, Stimulus Controllers, Targets, Actions, Propshaft, or the asset pipeline. You'll need to learn a little bit of Ruby, but we largely treat Rails as an html container.

Turbo is disabled by default. Instead every page is boosted by htmx. This means you can just use normal rails link_to and form_for tags, and the app will handle smooth page transitions.

You can of course turn on Turbo, Stimulus if you would prefer to keep them.

Why would I use H1 Rails?

• You want a quick, simple boilerplate for building web apps.

• You’re interested in the html-over-the-wire approach for its conceptual simplicity, but want a quicker way to dive in than learning Turbo and Stimulus.

• You already know Rails, and have heard about the promise of HTMX and the Hypertext approach.

• You’ve seen some of the examples of what can be build

• Can I use Turbo and stimulus with h1 Rails?

  • Of course. You can use as many or as few of the recommendations as you prefer.

• Who is behind H1 Rails?

  • H1 Rails was built by Really Good Software.