awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
sorich87 avatar

sorich87/bootstrap-tour

0
View on GitHub↗
4,411 stars·918 forks·CoffeeScript·MIT·19 viewsbootstraptour.com↗

Bootstrap Tour

bootstrap-tour is a product tour library designed to create guided walkthroughs for websites using the Bootstrap framework. It functions as an interactive UI tool that uses a sequence of popover hints to highlight specific page elements and lead users through a workflow.

The system coordinates guided experiences across multiple pages by mapping tour steps to unique URLs. It maintains user progress through local storage persistence, ensuring tours resume at the correct step after a page refresh.

The library includes programmatic controls to start, pause, resume, or skip steps, and supports automatic timer-based transitions to advance the sequence without manual interaction. Visual guidance is provided through a dark backdrop overlay that isolates target elements from the rest of the page content.

Features

  • Product Tour Libraries - A comprehensive library for building interactive, multi-step product walkthroughs using the Bootstrap framework.
  • Bootstrap UI Extensions - Extends Bootstrap-based interfaces with interactive, popover-driven guided walkthroughs.
  • Element Highlighting Utilities - Renders a dark backdrop overlay to visually isolate and highlight specific target elements on the page.
  • Interactive UI Walkthroughs - Ships a set of interactive UI overlays and programmatic controls for step-by-step software walkthroughs.
  • Interface Element Highlighting - Implements a dark backdrop overlay to visually isolate target elements and guide users through a workflow.
  • Feature Guidance Overlays - Uses visual overlays and timed transitions to provide automated guidance through the software interface.
  • Popover Overlays - Displays instructional hints using Bootstrap popovers anchored to specific DOM elements.
  • User Onboarding Tours - Provides interactive guided sequences to help new users learn how to navigate the web application.
  • Browser Storage Persistence - Saves the current tour step index in browser local storage to maintain progress after a page refresh.
  • Feature Discovery Tools - Highlights specific interface elements to introduce users to new tools or updated functionality.
  • Guided Tour Construction Tools - Provides tools for authoring and configuring sequences of popover hints that target interface elements.
  • Cross-Route Tour Persistence - Maintains tour state and step progress across different application routes using local storage.
  • Tour Flow Controls - Provides mechanisms to programmatically manage tour flow, including starting, pausing, and skipping steps.
  • Programmatic Tour Controllers - Includes a programmatic API to start, pause, resume, or skip steps in the tour sequence.
  • Tour Step Orchestrators - Orchestrates the sequential progression of tour steps, including automated timer-based transitions.
  • Multi-Page Tour Coordination - Coordinates guided experiences across multiple pages by mapping tour steps to unique URL paths.
  • Guided Tours - Quick product tours using Bootstrap.
  • User Tours and Guides - Product tours using Bootstrap popovers.

Star history

Star history chart for sorich87/bootstrap-tourStar history chart for sorich87/bootstrap-tour

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does sorich87/bootstrap-tour do?

bootstrap-tour is a product tour library designed to create guided walkthroughs for websites using the Bootstrap framework. It functions as an interactive UI tool that uses a sequence of popover hints to highlight specific page elements and lead users through a workflow.

What are the main features of sorich87/bootstrap-tour?

The main features of sorich87/bootstrap-tour are: Product Tour Libraries, Bootstrap UI Extensions, Element Highlighting Utilities, Interactive UI Walkthroughs, Interface Element Highlighting, Feature Guidance Overlays, Popover Overlays, User Onboarding Tours.

What are some open-source alternatives to sorich87/bootstrap-tour?

Open-source alternatives to sorich87/bootstrap-tour include: usablica/intro.js — Intro.js is a JavaScript onboarding tour library and web interface guide framework. It functions as an interactive… kamranahmedse/driver.js — Driver.js is a browser-based library designed for creating interactive product tours and guided walkthroughs. It… linkedin/hopscotch — Hopscotch is a JavaScript library and framework for creating interactive product tours and user onboarding guides. It… hubspot/shepherd — Shepherd is an interactive product tour framework and JavaScript onboarding library used to build step-by-step… elrumordelaluz/reactour — This is a guided tour library and onboarding framework for React applications. It provides a system for creating… ephread/instructions — Instructions is a Swift framework designed for creating guided tours and user onboarding experiences. It manages the…

Open-source alternatives to Bootstrap Tour

Similar open-source projects, ranked by how many features they share with Bootstrap Tour.
  • usablica/intro.jsusablica avatar

    usablica/intro.js

    23,478View on GitHub↗

    Intro.js is a JavaScript onboarding tour library and web interface guide framework. It functions as an interactive product walkthrough tool that uses tooltips and highlights to explain software features to users. The library enables the creation of guided onboarding tours, interactive product tours, and step-by-step walkthroughs. These tools facilitate software feature discovery and provide application interface guidance to help users navigate layouts. The system manages the user experience through sequenced step orchestration, coordinate-based tooltip positioning, and DOM-based element high

    TypeScript
    View on GitHub↗23,478
  • kamranahmedse/driver.jskamranahmedse avatar

    kamranahmedse/driver.js

    25,357View on GitHub↗

    Driver.js is a browser-based library designed for creating interactive product tours and guided walkthroughs. It provides a framework for building step-by-step instructional sequences that help users navigate complex application interfaces, facilitating onboarding and feature discovery. The library distinguishes itself through its state-driven orchestration, which manages the sequence of steps and transition logic for guided tours. It utilizes a full-screen overlay layer to capture user interactions and isolate specific interface components, employing visual masking techniques to dim surround

    TypeScriptfeature-introductionsoverlayoverlays
    View on GitHub↗25,357
  • linkedin/hopscotchlinkedin avatar

    linkedin/hopscotch

    4,173View on GitHub↗

    Hopscotch is a JavaScript library and framework for creating interactive product tours and user onboarding guides. It serves as a tool for building step-by-step instructional walkthroughs that highlight specific page elements and display contextual tooltips to help users navigate web application interfaces. The library functions as a tooltip orchestrator that anchors instructional bubbles to HTML elements by calculating their position within the browser viewport. It supports the creation of branded tours through the use of custom stylesheets and markup templates for visual customization. The

    JavaScript
    View on GitHub↗4,173
  • hubspot/shepherdHubSpot avatar

    HubSpot/shepherd

    13,737View on GitHub↗

    Shepherd is an interactive product tour framework and JavaScript onboarding library used to build step-by-step instructional journeys. It serves as a web application guidance tool that presents sequences of instructional overlays to help users navigate interfaces and discover features. The library enables the creation of guided user tours, onboarding experiences, and interactive application guides. It is used to provide contextual in-app education and drive product feature adoption by leading users through specific workflows. The framework utilizes configuration-driven tour definitions and a

    JavaScript
    View on GitHub↗13,737
  • See all 30 alternatives to Bootstrap Tour→