Layouts

Rails Designer does not only has the biggest UI components library for Ruby on Rails apps, but also a collection of layouts. Ready to use in your SaaS product.

A layout is a template that wraps around a view, providing a common structure and shared HTML elements for multiple screens.

Various categories

• Authentication
• Dashboard (coming soon)
• Error pages (coming soon)

The layouts from Rails Designer try to be smart about a few things:

• checks for a shared head partial and uses it;
• injects the NotificationComponent if your app uses it.

How to use

You can find each category under the Layouts section in the library’s navigation on the left. After you picked your layout, you can run the generator for it.

A generator looks like this:

bin/rails generate rails_designer:layouts Authentication::LightCentered

Similar how the generate command works for components.

You can also run bin/rails generate rails_designer:layouts --help for help.