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

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
LinkedInAttic avatar

LinkedInAttic/hopscotchArchived

0
View on GitHub↗
4,184 stars·648 forks·JavaScript·apache-2.0·3 vues

Hopscotch

Hopscotch is a guided onboarding framework and JavaScript tour engine designed to create step-by-step user orientations on web pages. It functions as a library for rendering interactive product walkthroughs and tours using configuration files and customizable bubbles and overlays.

The system manages the progression of guided steps and supports the discovery of interactive features by highlighting specific elements of a web interface. It allows for the creation of tailored guided paths through a web application to assist with user onboarding.

The library provides capabilities for modifying tour appearance through custom style sheets and markup templates. It also supports the execution of custom logic by registering callbacks that fire when users reach specific tour milestones.

Features

  • Product Tour Libraries - Provides a comprehensive library for rendering interactive, multi-step product walkthroughs on web pages.
  • Onboarding and Walkthroughs - Enables the creation of guided tours and user onboarding flows to help users learn a product.
  • Interactive Walkthroughs - Creates interactive, step-by-step onboarding sequences with dynamic content.
  • Onboarding Frameworks - Provides a lightweight framework for creating instructional sequences for new users.
  • Tour Step Orchestrators - Manages the sequential progression and state of guided product tour steps.
  • Configuration-Driven Rendering - Generates guided walkthrough steps and sequences by parsing structured configuration files at runtime.
  • Web Application Onboarding - Guides visitors through web interfaces using interactive overlays to improve the initial user experience.
  • Element Anchoring - Binds tour bubbles to specific DOM elements using selectors for precise positioning.
  • Feature Discovery Tools - Highlights specific interface elements to help users discover new tools or settings.
  • Tour Event Hooks - Provides lifecycle callbacks that trigger custom logic during tour transitions.
  • Tour Style Customizers - Enables the visual branding and styling of tour bubbles and overlays.
  • Tour Event Callbacks - Provides a mechanism to execute custom JavaScript logic when users reach specific tour milestones.
  • UI Template Customization - Allows modification of tour bubble layouts and overlays using external style sheets and markup templates.

Historique des stars

Graphique de l'historique des stars pour linkedinattic/hopscotchGraphique de l'historique des stars pour linkedinattic/hopscotch

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à Hopscotch

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Hopscotch.
  • gilbarbara/react-joyrideAvatar de gilbarbara

    gilbarbara/react-joyride

    7,588Voir sur GitHub↗

    react-joyride is a user onboarding library for React applications used to create interactive guided tours and walkthroughs. It provides a framework for defining sequences of tooltips and beacons that highlight specific user interface elements to introduce users to application features. The library distinguishes itself through a programmatic controller that allows developers to manage tour state, navigation, and lifecycle events via external application logic. It supports a high degree of visual extensibility, allowing the replacement of default tooltips and beacons with custom components to m

    TypeScriptjoyridereactreact-component
    Voir sur GitHub↗7,588
  • linkedin/hopscotchAvatar de linkedin

    linkedin/hopscotch

    4,173Voir sur 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
    Voir sur GitHub↗4,173
  • usablica/intro.jsAvatar de usablica

    usablica/intro.js

    23,478Voir sur 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
    Voir sur GitHub↗23,478
  • shipshapecode/shepherdAvatar de shipshapecode

    shipshapecode/shepherd

    13,741Voir sur GitHub↗

    Shepherd is a client-side onboarding framework and interactive product tour library used to create step-by-step guided walkthroughs. It functions as a UI guided tour system and DOM element highlighting tool that displays instructional overlays and tooltips to guide users through a web application interface. The system features a dynamic layout engine for anchoring tooltips to target elements and preventing screen overflow. It supports multi-element highlighting to draw attention to several UI components simultaneously and includes focus trapping to restrict keyboard navigation to active tour

    JavaScripthacktoberfestshepherdtour
    Voir sur GitHub↗13,741
Voir les 30 alternatives à Hopscotch→

Questions fréquentes

Que fait linkedinattic/hopscotch ?

Hopscotch is a guided onboarding framework and JavaScript tour engine designed to create step-by-step user orientations on web pages. It functions as a library for rendering interactive product walkthroughs and tours using configuration files and customizable bubbles and overlays.

Quelles sont les fonctionnalités principales de linkedinattic/hopscotch ?

Les fonctionnalités principales de linkedinattic/hopscotch sont : Product Tour Libraries, Onboarding and Walkthroughs, Interactive Walkthroughs, Onboarding Frameworks, Tour Step Orchestrators, Configuration-Driven Rendering, Web Application Onboarding, Element Anchoring.

Quelles sont les alternatives open-source à linkedinattic/hopscotch ?

Les alternatives open-source à linkedinattic/hopscotch incluent : gilbarbara/react-joyride — react-joyride is a user onboarding library for React applications used to create interactive guided tours and… linkedin/hopscotch — Hopscotch is a JavaScript library and framework for creating interactive product tours and user onboarding guides. It… usablica/intro.js — Intro.js is a JavaScript onboarding tour library and web interface guide framework. It functions as an interactive… shipshapecode/shepherd — Shepherd is a client-side onboarding framework and interactive product tour library used to create step-by-step guided… ephread/instructions — Instructions is a Swift framework designed for creating guided tours and user onboarding experiences. It manages the… hubspot/shepherd — Shepherd is an interactive product tour framework and JavaScript onboarding library used to build step-by-step…