shepherd
Guide your users through a tour of your app (by shepherd-pro)
lusift
Javascript library to create product walkthroughs for your web app. Drive users through the different features of your product. (by lusift)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
| shepherd | lusift | |
|---|---|---|
| 25 | 12 | |
| 12,964 | 283 | |
| 8.5% | 0.4% | |
| 9.6 | 0.0 | |
| 5 days ago | almost 2 years ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
shepherd
Posts with mentions or reviews of shepherd.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-05-07.
-
Using React Shepherd to build a site tour
In this tutorial, I will show you how to use React Shepherd to easily implement a site tour on your website. React Shepherd is a lightweight wrapper library for Shepherd.js that allows us to create a walkthrough of a website — either parts of the site or the whole application — by using dialogs that represent steps that you create. At the end of this article, we will have a functioning site tour as shown in this video.
-
Guided Tours Solution for Your Web Application
Shepherd is a powerful and customizable open source JavaScript library for creating interactive tours and onboarding experiences in web applications. It uses another open source library Floating UI to render the dialog tours. It offers a simple setup process, dynamic content support, the ability to create custom actions and events, and theming and styling too. More importantly, it is responsive too and never goes offscreen on smaller devices. Shepherd also provides excellent documentation and support, making it a popular choice among developers.
- ShepherdJS – Guide your users through a tour of your app
- Onboarding for SaaS and Open Source Project
-
Driver.js: Product tours, highlights, contextual help and more
This looks great. What does it do differently to Shepherd[0]?
[0]: https://github.com/shipshapecode/shepherd
-
Best “user guide onboarding tour” libraries/implementations
Yup you’re right (see usage docs here) - now just need to figure out how to make shepherd look better haha
-
Reddit: Help us design more content to onboard users
Using/building something like this would go a long way (https://shepherdjs.dev/) and could also have the benefit of keeping the tours in parity with the current L2 UI
-
What is the UX term for those pop-up boxes which helps users with their first few tasks after finishing onboarding?
we’ve called them Product Tours https://shepherdjs.dev is good
-
On-boarding for a SvelteKit app
Looks pretty similar to what shepherd does (looks like some of their codebase even uses Svelte too!).
- I dare you.
lusift
Posts with mentions or reviews of lusift.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-07-24.
-
Driver.js: Product tours, highlights, contextual help and more
I made a more complete library a while back for those interested, driver has been known here for a while but Lusift is new and doesn't have that traction -
https://github.com/lusift/lusift
-
Show HN: I created a library to create product tours / walkthroughs
This is significantly different in its feature set than the existing open source alternatives, I made this to be a more complete library, and well, as a portfolio artefact.
Any comment is greatly appreciated. Thank you!
Code: https://github.com/lusift/lusift
-
I created a javascript library to create product tours / walkthroughs
Please check it out and leave any comments. https://lusift.vercel.app
- I created a library to create product tours / walkthroughs
-
I created a Javascript library to create product walkthroughs for web-apps / websites
Link to Docs: https://lusift.vercel.app/
Github: https://github.com/lusift/lusift
What are some alternatives?
When comparing shepherd and lusift you can also consider the following projects:
intro.js - Lightweight, user-friendly onboarding tour library
react-onboard - Onboard users with messages that highlight components. Fully customizable
driver.js - A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
GuideChimp-tours - GuideChimp Public Tours
bootstrap-tour - Quick and easy product tours with Twitter Bootstrap Popovers
reactour - Tourist Guide into your React Components
joyride - jQuery feature tour plugin.
GuideChimp - Create interactive guided product tours in minutes with the most non-technical friendly, lightweight and extendable library.
hopscotch
Aquaman
chardin.js - Simple overlay instructions for your apps.