Shepherd.js
UnclaimedGuide users through your application with interactive, step-by-step tours.
Visit WebsiteFreemiumVisit Website
Reviews onCapterra
1 review trackedThe Bottom Line
Entry price
Free plan available, paid tiers above
Biggest pro
Open-source and free for non-commercial projects
Biggest con
Commercial use requires a paid license
TL;DR - Shepherd.js
- Create interactive guided tours for web applications.
- Highly customizable step options and tour flow.
- Free for open-source, personal, and non-commercial use.
Pricing: Free plan available
Best for: Growing teams
What is Shepherd.js?
Shepherd.js is an open-source JavaScript library designed to create guided tours for web applications. It enables developers to highlight specific elements on a page and provide contextual information, helping users understand new features, navigate complex interfaces, or onboard effectively. The library offers flexible customization options for step content, appearance, and behavior, ensuring tours seamlessly integrate with any application's design and user experience.
Shepherd.js is ideal for developers, product managers, and UX designers looking to improve user onboarding, feature adoption, and overall user engagement within their web products. It provides a robust and customizable solution for creating interactive guides without extensive development effort, supporting both simple walkthroughs and complex multi-step journeys.
Available on: Web
Pros & Cons
Pros
- Open-source and free for non-commercial projects
- Extensive customization options for tour appearance and behavior
- Easy to integrate with existing web applications
- Supports smooth scrolling to highlighted elements
- Provides clear navigation controls within tours
Cons
- Commercial use requires a paid license
- Requires JavaScript knowledge for implementation
Ratings Across the Web
5(1 reviews)
Ratings aggregated from independent review platforms. Learn more
Key Features
Customizable default step optionsConfigurable cancel icon for tour stepsCustom CSS classes for tour stepsScroll-to behavior for tour stepsAttach tour steps to specific DOM elementsCustomizable action buttons for navigationProgrammatic tour start and navigation
Pricing Plans
Pricing checked Jun 2, 2026
Free plan
Free
- Free for open-source, personal and 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
Contact us
- White-Glove Services
- On-Boarding & Training
- Advanced analytics
- Support via Professional Services
Reviews
$99Free with your review
Write a reviewReview Shepherd.js, get a free AI guide
Share your experience and we will send you Improve Your Thinking Patterns Using ChatGPT, free.
Best Shepherd.js Alternatives
Top alternatives based on features, pricing, and user needs.
SketchPaid
Mac UI/UX design with real-time collaboration
UXPinFreemium
Design with code components, ship production-ready prototypes
FramerFreemium
Design, publish, and launch production websites with AI
v0Freemium
AI-powered UI generation from Vercel
FlutterFlowFreemium
Visual app builder for Flutter applications
PixsoFreemium
All-in-one online UI/UX design, prototyping, and collaboration tool with real-time synchronization.
Still deciding?
Most buyers shortlist 2 or 3 tools before committing. Pull a side-by-side comparison or browse the full alternatives shortlist below.
Explore More
Shepherd.js FAQ
How does Shepherd.js help with user onboarding?
Shepherd.js enables developers to create interactive, step-by-step tours that guide new users through an application. These tours can highlight specific elements and provide contextual information, helping users understand features and navigate interfaces effectively during onboarding.
What kind of user benefits most from Shepherd.js?
Shepherd.js is ideal for developers, product managers, and UX designers who aim to improve user onboarding, feature adoption, and overall user engagement within their web products. It provides a customizable solution for creating interactive guides.
How does Shepherd.js compare to a tool like Framer?
Shepherd.js focuses specifically on creating guided tours and interactive walkthroughs within web applications, offering extensive customization for step content and appearance. Framer, by contrast, is a broader design and prototyping tool that allows for creating interactive user interfaces.
What are the primary limitations of using Shepherd.js?
A primary limitation of Shepherd.js is that commercial use requires a paid license, distinguishing it from its free non-commercial offering. Additionally, implementing Shepherd.js effectively requires a foundational understanding of JavaScript.
How is Shepherd.js priced?
Shepherd.js is available on a free tier for non-commercial projects. For commercial usage and access to more features, paid plans are offered.
Can Shepherd.js tours be customized to match an application's design?
Yes, Shepherd.js offers extensive customization options for the appearance and behavior of its tours. This ensures that the step content and overall look seamlessly integrate with any application's existing design and user experience.
Does Shepherd.js support navigation within tours?
Shepherd.js provides clear navigation controls built into its tours, allowing users to move through steps easily. It also supports smooth scrolling to highlighted elements, enhancing the user's experience during a guided tour.
Source: shepherdjs.dev