reactour
driver.js
Our great sponsors
reactour | driver.js | |
---|---|---|
9 | 8 | |
3,718 | 20,539 | |
- | - | |
7.7 | 8.6 | |
22 days ago | about 1 month ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
reactour
- Training for the website
-
React tools for in-app tutorials?
Never used it but this seems pretty popular https://github.com/elrumordelaluz/reactour
- In-page tutorual
-
Need help with creating the tutorial tooltip on the dashboard
Something like this? https://reactour.js.org/
-
How the Strapi Marketing Team Uses Strapi
I was able in FoodAdvisor to include a Preview button in the content manager and to create a guided tour plugin using react-tour package. Without it, I should have waited for these features to be released.
-
How to make a tutorial for new website users?
Try https://reactour.js.org/ you should be able to restyle it to fit your needs.
-
Create a guided tour plugin in the admin panel
In this tutorial I will show you how to create your own plugin on Strapi (version 3.4.6) and more precisely how to use reactour to create a guided tour which can be very useful for content managers out there who will have to master Strapi's admin to manage their content.
-
Some websites have a quick guide showing how to use them but adding overlays on elements explaining how to use the website and its features to any new user. How are these done?
If you use React, try reactour. It is extremely simple to use and you can see an example of it in my open source cross browser extension - TabMerger.
-
Foodadvisor Updates February 2021
We are using reactour, and we have made a guided-tour plugin in the app. You can see how it works here: https://github.com/strapi/foodadvisor/tree/master/api/plugins/guided-tour Feel free to give it a try or event contribute to it ;)
driver.js
-
Guided Tours Solution for Your Web Application
driver.js is an open source JavaScript library designed for creating Product tours, highlights, contextual help aand feature adoption. Due to its extensive API, driver.js can be used for a wide range of use cases that includes
-
Create stunning product tours with driver.js 🚖
There are many libraries for creating product tours but in my opinion, Driver.js stands out. Why?
- Onboarding for SaaS and Open Source Project
- Driver.js: Product tours, highlights, contextual help and more
-
Cool & useful JavaScript libraries
Driver.js : a light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page.
-
Some websites have a quick guide showing how to use them but adding overlays on elements explaining how to use the website and its features to any new user. How are these done?
If you're looking for a package like this, driver.js (https://github.com/kamranahmedse/driver.js) seems like it does what you're looking for.
What are some alternatives?
ngx-joyride - Angular Joyride/Tour library
intro.js - Lightweight, user-friendly onboarding tour library
Next.js - The React Framework
shepherd - Guide your users through a tour of your app
super-auto-pets-db - This database website is an un-official guide and reference for the pets, food and stats from the game Super Auto Pets.
react-native-copilot - Step-by-step walkthrough tooltip for your react native app
awesome-strapi - A curated list of awesome things related to Strapi
GuideChimp - Create interactive guided product tours in minutes with the most non-technical friendly, lightweight and extendable library.
foodadvisor - 🥘 THE Strapi demo application
joyride - jQuery feature tour plugin.
community-content - Contribute and collaborate on educational content for the Strapi Community
hopscotch