Premium

Community platform

Collie

Collie is a community platform that offers a wide range of features for courses, events, and more. It's designed to help you create a thriving community and engage with your audience.

Collie Rails UI theme feature image

What you get

Collie is a Rails UI theme 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 theme 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

Example components

  • Avatar
  • Blockquote
  • Button
  • Label
  • Contained Input
  • Pagination
  • Card
  • Table
  • includes 30+ more

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.0.1

Tailwind CSS

v3.4.17

Stimulus.js

v3.2.2

Get premium access to the Collie theme

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