
Shepherd is a JavaScript library designed to guide users through a tour of an application. It provides a customizable and accessible way to create step-by-step walkthroughs. The library supports keyboard navigation, focus trapping, and a11y compliance via aria attributes, ensuring accessibility for all users. Its minimal styles allow for easy customization to match the look and feel of any application. Shepherd is framework-ready, compatible with React, Ember, Angular, Vue.js, ES Modules, and plain JavaScript. It is used by Ship Shape. Shepherd is open-source and free to use.
Shepherd is a JavaScript library designed to guide users through a tour of an application.
Explore all tools that specialize in define tour steps. This domain focus ensures Shepherd delivers optimized results for this specific requirement.
Explore all tools that specialize in customize appearance. This domain focus ensures Shepherd delivers optimized results for this specific requirement.
Explore all tools that specialize in implement keyboard navigation. This domain focus ensures Shepherd delivers optimized results for this specific requirement.
Full keyboard navigation, focus trapping, and a11y compliance via aria attributes.
Minimal styles allow for easy customization of the look and feel.
Include CSS stylesheet: `shepherd.js/dist/css/shepherd.css`
Include JavaScript module: `shepherd.js/dist/js/shepherd.mjs`
Create a `Shepherd.Tour` instance
Add steps to the tour with titles, text, and attachment details
Start the tour
All Set
Ready to go
Verified feedback from other users.
"Positive reviews for ease of use and customization."
0Post questions, share tips, and help other users.
No direct alternatives found in this category.