Property management SaaS


An Airbnb-inspired property management template for real estate teams. Manage bookings, property, and tenants all in one place.

Screenshot of  the Shepherd Rails UI template

What you get

Shepherd is a property management and tenant communication template built with Tailwind CSS, Stimulus.js and Rails. Add or remove the included pages in one click. 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.

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 template-driven components that are designed to achieve a goal lead forth by the template itself.

Fully responsive — We took great care to ensure the Shepherd template 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 template is ready for your production environment with little configuration.

Page previews

Screenshot of Shepherd Rails UI template Screenshot of Shepherd Rails UI template Screenshot of Shepherd Rails UI template Screenshot of Shepherd Rails UI template

Component previews

Example components

  • Accordion
  • Button
  • Breadcrumb
  • Card
  • Datepicker
  • Datalist
  • Tab
  • Tag
  • Textarea
Frst accordion item
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloremque explicabo voluptates odio atque reiciendis, dolore magni quos quibusdam numquam, ad distinctio minima reprehenderit nemo harum, in perferendis delectus tempora.
Second accordion item
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates maxime temporibus porro aut quis adipisci aliquid vitae labore modi harum facere, commodi molestiae repellat dicta eos officiis enim quae ullam.
Third accordion item
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus excepturi aliquam quod deleniti sit mollitia at? Voluptates suscipit, perspiciatis fuga nesciunt atque, repellat minus distinctio iure cupiditate tenetur ipsam voluptatem?

Under the hood

23+ pages

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

Design patterns

Most patterns come with multiple variances.


  • Typography
  • Tables
  • Icon
  • Image
  • Scaffolds


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


  • Accordion
  • Alert
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Datalist
  • Dropdown
  • Flash
  • Modal
  • Navigation
  • Pagination
  • Tab
  • Toast
  • Tooltip


Shepherd leverages the Devise gem.


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


  • OmniAuth


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


  • Minimal
  • Promotion
  • Transactional
  • Devise email templates


2 configurable brand colors including Tailwind CSS defaults.


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


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


Ruby on Rails


Tailwind CSS




Get free access to the Shepherd

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