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?

This page summarizes the projects mentioned and recommended in the original post on /r/webdev
Tour Walkthrough Tours And Guides React ReactJS

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • driver.js

    A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page

    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.

  • reactour

    Tourist Guide into your React Components

    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.

  • 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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts