Shepherd

Shepherd is a JavaScript library for creating user onboarding tours and guided walkthroughs in web applications. It provides a framework for building step-by-step tutorials that highlight specific interface elements and guide users through features. Shepherd uses tooltips, modals, and popovers positioned relative to target elements to deliver contextual information and instructions. The library is highly customizable, allowing developers to style tour steps, control navigation flow, and respond to user interactions. It supports various positioning strategies to ensure tour elements remain visible and accessible across different screen sizes. Shepherd integrates with popular JavaScript frameworks including React, Vue, Angular, and vanilla JavaScript applications. The library is particularly valuable for complex applications requiring user education, feature discovery, or reducing support burden through in-app guidance.