Top 8 TypeScript Tour Projects

intro.js

20 22,570 7.1 TypeScript

Lightweight, user-friendly onboarding tour library

Project mention: Guided Tours Solution for Your Web Application | dev.to | 2024-03-06

Intro.js like the others offers a rich set of features such as customizable steps and tooltips, keyboard navigation, theming, progress indicators and more. Like others, this library also has extensive documentation. Intro.js has open source licence under AGPL v3 and a commercial licence with different price plans

driver.js

8 20,539 8.6 TypeScript

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

Project mention: Guided Tours Solution for Your Web Application | dev.to | 2024-03-06

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

SurveyJS

surveyjs.io sponsored

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

24 11,857 9.6 TypeScript

Guide your users through a tour of your app

Project mention: Guided Tours Solution for Your Web Application | dev.to | 2024-03-06

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.

react-joyride

12 6,488 8.0 TypeScript

Create guided tours in your apps

Project mention: When to use open source UI components, and when to make from scratch? | /r/reactjs | 2023-06-07

Thank you. You bring up some great points. By the way, these are really a very specialized libraries for creating product tours. It's a single purpose thing. Check it out https://react-joyride.com/

reactour

9 3,718 7.7 TypeScript

Tourist Guide into your React Components
lusift

12 282 0.0 TypeScript

Javascript library to create product walkthroughs for your web app. Drive users through the different features of your product.

Project mention: Driver.js: Product tours, highlights, contextual help and more | news.ycombinator.com | 2023-07-24

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

ngx-joyride

1 245 0.0 TypeScript

Angular Joyride/Tour library
InfluxDB

www.influxdata.com sponsored

Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
boarding.js

3 103 3.4 TypeScript

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

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).