Shepherd

shepherdjs.dev
HR & Payroll
Weekend Project

Guide your users through a tour of your app

How to Replace Shepherd

Overview

Shepherd is a lightweight JavaScript library that enables developers to create interactive user tours and guides within web applications. It supports multiple frameworks including React, Ember, Angular, and Vue.js, while maintaining full accessibility compliance and customizable styling.

Features

10 features across 5 categories

Accessibility(3)

ARIA Attributes

Full a11y compliance via aria attributes

Focus Trapping

Focus trapping functionality to keep user attention on the tour

Keyboard Navigation

Full keyboard navigation support for accessibility

Also in: Justinmind, Justworks, Notion

Core Functionality(3)

Element Attachment

Ability to attach tour steps to specific elements with positioning options

Navigation Controls

Built-in support for Next and Back buttons with custom actions

Step Configuration

Ability to create and configure multiple steps with custom text, titles, and buttons

Customization(1)

Customizable Styles

Minimal default styles that allow easy customization of look and feel

Also in: monday.com, Obsidian, Smartsheet

Integration(1)

Framework Support

Ready to integrate with React, Ember, Angular, Vue.js, ES Modules, or plain Javascript

Also in: monday.com, Notion, Airtable

User Experience(2)

Cancel Icon

Configurable cancel icon for closing tours

Smooth Scrolling

Support for smooth scroll behavior with configurable block positioning

Pricing

Free Plan

Free
  • Shepherd.js library
  • Open-source usage
  • Personal projects
  • Non-commercial sites

Business Plan

$50/lifetime
  • Up to 5 projects
  • 1 month commercial support
  • Regular product updates
  • Lifetime license

Enterprise Plan

$300/lifetime
  • Unlimited projects
  • 6 months support
  • Prioritized Github Issues
  • Lifetime license

Shepherd Consulting

Custom
  • White-Glove Services
  • On-Boarding & Training
  • Advanced analytics
  • Support via Professional Services

Cost Calculator

Pricing data not available for Shepherd. Check their website for current pricing.

Build vs Buy

Should you build a Shepherd alternative or buy the subscription? Estimate based on 10 features.

Buy Shepherd

Better Value
Monthly costContact Sales
3-year totalVaries
Time to deployDays

Build Your Own

Development cost$12,000
Maintenance$180/mo
3-year total$18,480
Dev time~1 months

Buying Shepherd saves ~$18,480 over 3 years vs building.

Estimates based on 10 features and a BuildScore of 5/5. Actual costs vary.