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

Shepherd

Property management

A property-management surface for listings, bookings, tenants, dashboards, billing, auth, and email. Use it as the product shell around your real estate workflow.

Preview Shepherd Get free access
Screenshot of the Shepherd Rails UI kit

What you get

Shepherd is a property management and tenant communication kit built with Tailwind CSS, Stimulus.js, and Rails. It's easy to customize, making it the perfect starting point for your next project.

Deeply integrated. Shepherd lives and breathes within your Rails app. No need to jump to a remote website to copy and paste obscure code snippets. It's integrated directly.

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

Screenshot of Shepherd Rails UI kit Screenshot of Shepherd Rails UI kit Screenshot of Shepherd Rails UI kit Screenshot of Shepherd Rails UI kit

Component previews

  • Accordion
  • Button
  • Breadcrumb
  • Card
  • Date input
  • Datalist
  • Tab
  • Tag
  • Textarea
Demo only
First accordion item
Our property management software streamlines rental operations with automated rent collection, maintenance request tracking, and comprehensive financial reporting. Property managers can easily manage multiple properties, track tenant communications, and generate professional reports all from one intuitive dashboard.
Second accordion item
The integrated tenant portal allows renters to submit maintenance requests, pay rent online, and communicate directly with property managers. Our secure payment processing system supports multiple payment methods and automatically generates receipts and late payment notifications, saving time for both tenants and managers.
Third accordion item
Advanced reporting features provide deep insights into property performance, including occupancy rates, maintenance costs, and revenue trends. Property owners can access customizable dashboards showing real-time financial metrics, upcoming lease renewals, and maintenance schedules, helping make data-driven decisions to optimize property operations.

Perfect for

Shepherd works great for these types of apps.

Property Management

Listings, tenant portals, maintenance

Under the hood

23+ 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

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

Components

  • Accordion
  • Alert
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Datalist
  • 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

Get free access to the Shepherd

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

github Get free access