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

Hound

CRM and project management

A CRM and project-management surface with contacts, deals, messages, projects, dashboards, settings, auth, and email shaped as one product system.

Screenshot of Hound Rails UI kit

What you get

Hound is a complete CRM and project-management product surface for your next SaaS idea, built with Tailwind CSS, Stimulus.js, and Rails. Not snippets to assemble. Entire flows that already agree with each other. Add or remove pages in one click and ship.

The flows you get: Sign-up & authentication · Dashboard & CRM · Messaging & contacts · Project views · Settings & account · Empty & loading states · Transactional email. All designed as one system.

Deeply integrated. Hound lives and breathes within your Rails app. No need to jump to a remote website to copy and paste obscure code snippets.

Easy to customize. Everything is styled with Tailwind CSS utility classes. Some reusable patterns like buttons and form elements are extracted Tailwind CSS components.

Unique components. Hound comes with kit-driven components that are designed to achieve a goal lead forth by the kit itself.

Fully responsive. We took great care to ensure the Hound kit is responsive on popular device screen sizes. Even the email templates display nicely on smaller screens.

JavaScript included. We leverage Stimulus.js to enhance views with sprinkles of JavaScript where necessary. No need for bulky front-end frameworks that are a chore to maintain.

Simple to deploy. Being integrated to Rails by default, the Hound kit is ready for your production environment with little configuration.

Dark mode ready. All components and pages are dark-mode enabled. Just drop them into your project, and they’ll perform perfectly, regardless of the system setting.

Page previews

Component previews

  • Accordion
  • Alert
  • Badge
  • Button
  • Card
  • Combo Select
  • Dropdown
  • Modal
  • Switch
Demo only
How do I import contacts from a CSV file?
Navigate to Contacts > Import and upload your CSV file. Map your columns to the corresponding fields, then click Import. You can import up to 10,000 contacts at once.
Can I customize my deal pipeline stages?
Yes! Go to Settings > Pipelines to add, remove, or reorder stages. You can create multiple pipelines for different sales processes and assign team members to each.
How do automated follow-up reminders work?
Set up automation rules in Settings > Workflows. You can trigger email reminders based on deal inactivity, stage changes, or custom date fields. Reminders are sent via email and in-app notifications.

Under the hood

20+ pre-designed views

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

Design patterns

Most patterns come with multiple variances.

Content

  • Typography
  • Tables
  • Icon
  • Image
  • Scaffolds

Forms

  • ActionText
  • Checkbox
  • Combo Select
  • Datepicker
  • Input Group
  • Input
  • Radio
  • Select
  • Switch
  • Validation

Components

  • Accordion
  • Alert
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Dropdown
  • Flash
  • Modal
  • Navigation
  • 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

  • OmniAuth

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

Gain free access to the Hound

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