DEV Community

Rails Designer
Rails Designer

Posted on • Originally published at railsdesigner.com

Introducing: Beautiful Layouts for Your Rails App

This article was originally published on Rails Designer


I am excited to introduce something entirely new to Rails Designer, the premier UI components library for Rails: layouts! 🥳

Image description

A layout is a template that wraps around a view, providing a common structure and shared HTML elements for multiple screens. The default layout is application.html.erb that typically wraps your entire app. But almost all Rails SaaS apps use multiple other layouts.

Most common is the one for the public screens, eg. the sign up or log in pages. How does this work?

class SessionsController < ApplicationController
  layout "authentication"

  # …
end
Enter fullscreen mode Exit fullscreen mode

That layout "authentication" part is key. Learn all about layouts in Rails in this article.

For starters (and to get some feedback from the many users of Rails Designer) I have added three authentication layout variants. I have plenty more ideas, but love to hear your feedback.

Learn more about Layouts from Rails Designer.

Top comments (1)

Collapse
 
railsdesigner profile image
Rails Designer

What layout (category or variant) would you like to see next?