Tourist

Tourist is a small library for building guided, step-by-step tours inside web applications, letting developers create interactive walk-throughs that highlight UI elements and explain workflows to end users. It provides a simple API for defining a sequence of steps, each tied to a DOM selector or screen area, with configurable titles, descriptions, next/previous controls, and optional callbacks for custom behavior. The library is designed to be flexible: steps can be triggered programmatically, attached to single-page app routing, or displayed conditionally based on user state, making it suitable for onboarding, feature discovery, or contextual help. Tourist aims to be framework-agnostic so it can be integrated into plain JavaScript projects as well as React, Vue, or other frontend stacks with minimal glue code. It also supports common niceties like mobile-friendly positioning, step-skipping, and hooks for analytics events so teams can measure adoption of guided flows.

Features

Enables creation of interactive, guided walkthroughs for UI tutorials
Works declaratively to define tour steps and flow
Flexible enough for complex, event-driven front-end frameworks (e.g., Backbone.js)
Lightweight and easy to integrate into existing codebases
Provides callbacks/hooks for synchronization with app state
Designed to be intuitive for both developers and users

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Tourist

Tourist Web Site

Other Useful Business Software

MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.

Start Free

Rate This Project

User Reviews

Be the first to post a review of Tourist!

Additional Project Details

Programming Language

CoffeeScript

Related Categories

CoffeeScript Libraries

Registered

2025-08-22

Similar Business Software

Polymer

The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be instantiated using a constructor or...

See Software
DHTMLX

DHTMLX is a JavaScript UI library that provides a set of highly customizable and flexible components for building modern and responsive web applications. The library includes more than 30 UI components, such as Gantt, Scheduler, Kanban, diagrams, charts, grids, spreadsheets, calendars, trees,...

See Software
Backbone.js

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. When working on a web...

See Software
Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations...

See Software
Webix

JavaScript UI library and framework for speeding up web development. JS Framework for cross-platform web Apps development 102 UI widgets and feature-rich CSS / HTML5 JavaScript controls. Save at least 3000+ development hours by using ready-made widgets and UI controls. Develop Web UI 30% faster....

See Software
Preact

Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handlers and plays nicely with other libraries. Most UI frameworks are large enough to be the majority of an app's JavaScript size. Preact is different:...

See Software