Content
Content patterns include typography, image formatting, table layouts, and text treatments.
Docs
Components
Components
Bundled with your Rails UI install is a complete design system we dub as "Design patterns".
Think of the these as documention for how to go about presenting elements on a page. It's made of mostly UI components with some other guidelines on typography and content.
UI components
Everything from form inputs to more complicated modal dialog design. They are designed to be drop-in branded UI with JavaScript already integrated as necessary via Stimulus.js.
We believe the design of UI components should be separate from their implementation. Because of this, the code you see for each component is theme-based, yet completely customizeable. There is no strong buy-in to front-end frameworks or package managers.
Authentication
Professionally designed authentication views with support for Devise. Every view, email template, and integration is tailored to each view for Devise. Also included is a Static version you can integrate to another authentication solution or one you roll yourself.
Earlier versions of Rails UI supported Devise directly, but we removed it due to its rigidity. With version 3+ you can use snippets for Devise or other custom authentication methods.
TL;DR: You handle the logic, Rails UI handles the UI.
Mailers
Custom email templates and mailer layouts designed for responsive emails. Transactional, promotional, minimal and more to come.
Snippets
Each pattern offers a simple one-click copy feature to gather and use the code in your app quickly. Choose from HTML, ERB, or HAML.