UI Components

Instrumental Components provides a growing set of user interface components designed to be used in Ruby on Rails applications.

The UI components are built using Rails views, ERB partials, Tailwind CSS, and Stimulus JS.

Browse all of our UI components and documentation with code examples and demos:

Breadcrumb navigation

Adding breadcrumb navigations to your views.

Buttons

Button styles for your Rails app.

Callouts

Adding callouts (a.k.a. 'cards') to your views.

Data lists

Display a list of data with items that have a label and value.

Dropdowns

Adding dropdown menus to your views.

FAQ component

Add a FAQ component to your Rails app.

Flash messages

A dynamic flash message system for your Rails app.

Forms

Forms styling and handling of various form fields.

Icons

Documentation for the Icons component for your Rails application.

Labels (a.k.a. Badges)

Documentation for the Labels component for your Rails application.

Listings

Documentation for the Listings component for your Rails application.

Logo component

A dynamic logo component for displaying a text or image-based logo with light and dark modes.

Modals

Documentation for the Modals component for your Rails application.

No Records

Documentation for the No Records component for your Rails application.

Page Header

The page header component organizes your page's header content in a consistent and visually appealing way.

Pagination

Documentation for the Pagination component for your Rails application.

Panels

Panels (a.k.a. Accordions) are a great way to organize and group related content in a visually distinct way.

Sub-navigation

The sub-navigation component provides a secondary navigation menu that helps users navigate through different sections of your application.

Tabs

Tabs are a great way to organize and group related content in a visually distinct way.

Tooltips

Documentation for the Tooltips component for your Rails application.
Instrumental Components

I created Instrumental Components to make designing and building professional apps with Ruby on Rails easy, fast, and fun. I use it on all of my projects and I hope it helps you build something great.

Brian Casel
Brian Casel
Creator of Instrumental Components
Learn more Send me a question or request