DEV Community

Rails Designer
Rails Designer

Posted on • Originally published at railsdesigner.com

3

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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (1)

Collapse
 
railsdesigner profile image
Rails Designer

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

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay