Getting Started

Learn how to install and use RailsKit components in your Rails application.

Overview

RailsKit provides production-ready UI components built specifically for Rails applications using Hotwire (Turbo + Stimulus) and Tailwind CSS. Each component is designed to be:

  • Drop-in ready — Copy the code directly into your project
  • Framework-agnostic — Works with both traditional Rails partials and ViewComponent
  • Fully accessible — Built with ARIA attributes and keyboard navigation
  • Customizable — Styled with Tailwind CSS for easy theming

Prerequisites

Before using RailsKit components, ensure your Rails application has the following dependencies:

Rails 7+

With importmaps or your preferred JavaScript bundler

Hotwire

Turbo and Stimulus for interactive behavior

Tailwind CSS 3+

For utility-first styling

Quick Start

RailsKit components are designed to be copied directly into your project. There's no gem to install — you own the code and can customize it however you need.

1

Choose your format

Each component is available in two formats: Classic Rails (partials + Stimulus) or ViewComponent.

2

Copy the code

Browse components, click to view the source code, and copy each file to your project. Put partials in app/views/components/ and Stimulus controllers in app/javascript/controllers/.

3

Use in your views

Render components in your templates using <%= render "components/dropdown" %> or the ViewComponent equivalent.

What's Included

Your RailsKit purchase includes:

Source Code Access

Full access to all component source code via this documentation site.

GitHub Repository

Private repo access for cloning, starring, and receiving updates.

Lifetime Updates

One-time payment for perpetual access to all future components and updates.

Next Steps

Ready to get started? Choose your preferred installation method:

Classic Rails

ERB partials with Stimulus controllers

ViewComponent

Ruby component classes with templates

Or browse the component library to see what's available.