For best results, use Rails UI for new Ruby on Rails applications.

What happens when Rails UI is installed?

When you run the Rails UI installer and theme installer generators the following happens:

  1. 1. Generate a custom configuration yaml file railsui.yml that's required to theme your new app.
  2. 2. Install dependencies and any necessary assets.
  3. 3. Generate a custom tailored design system for repeatable web elements. Think of this as a system for providing design direction when creating new features. This includes typography, font elements, and SVG icons.
  4. 4. Optionally install one-off templates (i.e. About us, Pricing, etc...). Use these as a starting point.

After installing the Rails UI gem and running the installer, you may configure your application preferences.

Configuration is a simple process that first prompts you for an application name, support email and chosen theme based off Tailwind CSS.

Rails UI currently ships with support for Tailwind CSS.

Rails UI Configuration

Select a theme

This section of the configuration is a place to choose a starting point for the overarching design of your application. Each theme includes a preview to get a feel for the design and layout. It comes with components, pages, and custom color schemes by default. You customize it at any time.


Additional themes will be added as Rails UI evolves. I have a future goal to offer dozens of ready-to-use themes for different styles of applications.


Install pages

Because each theme is built from scratch, you may optionally configure Rails UI to generate a theme with additional pages automatically.

Once installed you may view these pages right inside your application.

Additional pages and templates will follow as Rails UI ages.

Rails UI Page installer