New Rails UI Charts: cohorts, funnels, waterfalls, and dashboards that update themselves. Take a look
Premium

Collie

Community and courses

A community and course surface with feeds, lessons, events, member profiles, auth, and email. Build the business logic while the member experience starts coherent.

Collie Rails UI kit feature image

What you get

Collie is a Rails UI kit made with community and course ceators in mind. Inspired by popular course authoring platforms, we’ve added our own twist to make connecting more natural. Streamline your process with a fully integrated platform designed for modern businesses.

Built with Tailwind CSS, Stimulus.js, and Rails, Collie is ready to plug into your next Ruby on Rails project. It’s easy to customize and comes packed with 24 pages and 50+ reusable UI components, making it the perfect starting point for your next project.

Seamlessly integrated. Collie is built directly into your Rails application. No external dependencies or complicated setup required - everything you need is right where you need it.

Highly customizable. Built with Tailwind CSS utility classes for maximum flexibility. Common UI patterns like buttons and forms are extracted into reusable components that you can easily modify.

Purpose-built components. Each component in Collie is thoughtfully designed to serve specific needs while maintaining consistency with the overall kit aesthetic.

Mobile-first design. Every aspect of Collie is optimized for all screen sizes, from phones to desktops. Even complex elements like email templates adapt beautifully across devices.

Modern JavaScript. Powered by Stimulus.js for elegant interactivity without the complexity. Add dynamic features while keeping your codebase lean and maintainable.

Production-ready. Deploy with confidence knowing Collie is optimized for Rails production environments out of the box. Minimal configuration needed to go live.

Dark mode optimized. Every component automatically adapts to light and dark modes based on user preferences. Perfect visual harmony in any lighting condition.

Page previews

Component previews

  • Avatar
  • Blockquote
  • Button
  • Label
  • Contained Input
  • Pagination
  • Card
  • Table
Demo only

Perfect for

Collie works great for these types of apps.

Under the hood

24+ pre-designed views

Pre-designed views ready for your logic, with more on the way.

Design patterns

Most patterns and components come with multiple variances.

Content

  • Typography
  • Tables
  • Icon
  • Image
  • Scaffolds

Forms

  • ActionText
  • Checkbox
  • Contained Input
  • Contained Select
  • Datepicker Range
  • Datepicker
  • Input Group
  • Input
  • Radio
  • Select
  • Switch
  • Validation

Components

  • Accordion
  • Alert
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Combobox
  • Datalist
  • Dropdown
  • Flash
  • Label
  • Modal
  • Navigation
  • Off-canvas menu
  • Pagination
  • Tab
  • Toast
  • Tooltip

Authentication

Snippets ready for Devise or your own Auth strategy.

Views

  • Sign up
  • Sign in
  • Change password
  • Reset password
  • Account confirmation
  • Edit account
  • Unlock account

Extensions

  • UI patterns for OmniAuth buttons

Mailers

A unique email layout with custom templates. More coming soon.

Templates

  • Minimal
  • Promotion
  • Transactional
  • Devise email templates

Branding

2 configurable brand colors including Tailwind CSS defaults.

Primary

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 950

Secondary

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 950

Software

Ruby on Rails

v8.1.1

Tailwind CSS

v4.1

Stimulus.js

v3.2.2

Get premium access to the Collie kit

Super-charge your Ruby on Rails development workflow with the Collie Rails UI kit.