Rails View Components for Bootstrap
Finally, Rails front end is catching up with a component system for the widely used Bootstrap CSS Framework. Increase your development speed and structure your views with fine-tuned and production ready view components.
- List Group Item 1
- List Group Item 2
- List Group Item 3
Left Offcanvas
Top Offcanvas
Right Offcanvas
See it in Action
Componetize your Design System in Rails
Write your bootstrap rails views with the super flexible and easy to use view component DSL.
Easy to customize - use Bootstrap variables just as you know it. No custom styling needed.
Copy & Paste for the world - the easiest way to write professional code.
<%= render Railsboot::BreadcrumbComponent.new do |breadcrumb| %>
<% breadcrumb.with_item(text: "Item 1", path: "/item/1") %>
<% breadcrumb.with_item(text: "Item 2", path: "/item/2") %>
<% breadcrumb.with_item(text: "Item 3", path: "/item/3", active: true) %>
<% end %>
<%= render Railsboot::BadgeComponent.new.with_content("New Plans") %>
<%= render Railsboot::HeadingComponent.new(display: true) do %>
Welcome to our new SaaS
<% end %>
<%= render Railsboot::AvatarComponent.new(src: "public/avatar/1.jpg", size: 32) %>
20+ Components
Both free and commercial components ready to use in your Rails project.
Lots of free components
All basic components you know and love from Bootstrap are available for free.
Great documentation
Every component is described in detail with code examples on how to use it.
What others are saying
Be in good company with a lot of other dev teams from around the world who enjoy modern Rails development paired with a super stable and well-known CSS Framework.