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
ephread avatar

ephread/Instructions

0
View on GitHub↗

Instructions

Instructions is a Swift framework designed for creating guided tours and user onboarding experiences. It manages the sequence, animations, and layouts of instructional bubbles and highlighting markers to lead users through application features.

The library provides tools for interface highlighting, using dimmed background overlays and precise cutouts to draw attention to specific UI elements. It includes mechanisms for walkthrough flow control, allowing developers to manage linear progression, jump to specific steps, or implement tour skipping logic.

Visual elements are customizable through configurable background overlays and the ability to replace default bubble components with custom views. The framework handles layout synchronization to ensure markers and cutout paths update correctly during screen resizing or orientation changes.

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

Features

  • Product Tour Libraries - Provides a comprehensive library for building interactive, multi-step product walkthroughs with coach marks.
  • Interactive Walkthroughs - Displays a sequence of markers that highlight specific interface elements to lead users through features.
  • Tour State Management - Tracks the current step and progress within a predefined walkthrough sequence to manage flow.
  • Guided Tour Libraries - Manages the sequence, animations, and layouts of instructional bubbles and highlighting markers in Swift.
  • Interactive UI Walkthroughs - Implements UI overlays and markers that guide users through software interfaces with step-by-step instructions.
  • Interface Element Highlighting Systems - Provides a system for dynamic visual emphasis of UI components through precise cutouts and dimmed overlays.
  • Interface Highlighting Tools - Provides a tool for creating visual cutouts and dimmed background overlays to draw attention to UI elements.
  • Onboarding Frameworks - Provides a framework for creating instructional sequences and coach marks for new users.
  • Spotlight Masking - Creates visual highlights by masking the screen with a cutout over specific interface elements.
  • Swift UI Guidance - Implements visual markers and cutouts in Swift to draw attention to key components of a user interface.
  • User Onboarding Tours - Creates interactive guided sequences that introduce users to product features through highlighted steps.
  • Tour Sequence Control - Provides mechanisms to control the sequence of guided tours by jumping to specific steps or pausing.
  • Overlay Rendering Architectures - Implements architectural separation of transient UI layers to isolate the tour from the primary app content.
  • Background Visual Effects - Offers adjustable background colors and blur effects to isolate the guided tour from the rest of the application.
  • Dynamic Layout Synchronization - Automatically updates marker positions and cutout paths when screen orientation or window size changes.
  • Custom Onboarding Components - Provides the ability to replace default tour elements with custom Swift UI components for design system alignment.
  • Customizable Coach Mark Views - Provides the ability to replace default instructional bubbles and arrows with custom views for flexible styling.
  • Tour Flow Controls - Provides a mechanism for users to exit a guided sequence before all markers have been displayed.
  • Adaptive Layout Recalculation - Automatically updates marker positions and cutout paths when the screen orientation or window size changes.
  • Onboarding And Tutorials - Simple way to add custom user guidance and walkthroughs.
  • Onboarding and Walkthroughs - Library for creating guided tours.
  • UI Components and Widgets - Animated onboarding and tutorial overlays.
5,195 stars·480 forks·Swift·MIT·28 views

Star history

Star history chart for ephread/instructionsStar history chart for ephread/instructions

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does ephread/instructions do?

Instructions is a Swift framework designed for creating guided tours and user onboarding experiences. It manages the sequence, animations, and layouts of instructional bubbles and highlighting markers to lead users through application features.

What are the main features of ephread/instructions?

The main features of ephread/instructions are: Product Tour Libraries, Interactive Walkthroughs, Tour State Management, Guided Tour Libraries, Interactive UI Walkthroughs, Interface Element Highlighting Systems, Interface Highlighting Tools, Onboarding Frameworks.

Which projects share features with ephread/instructions?

Projects with overlapping indexed features include: elrumordelaluz/reactour — This is a guided tour library and onboarding framework for React applications. It provides a system for creating… 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… shipshapecode/shepherd — Shepherd is a client-side onboarding framework and interactive product tour library used to create step-by-step guided… linkedinattic/hopscotch — Hopscotch is a guided onboarding framework and JavaScript tour engine designed to create step-by-step user… sorich87/bootstrap-tour — bootstrap-tour is a product tour library designed to create guided walkthroughs for websites using the Bootstrap…

Projects sharing features with Instructions

These projects share indexed features with Instructions. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • elrumordelaluz/reactourelrumordelaluz avatar

    elrumordelaluz/reactour

    4,084View on GitHub↗

    This is a guided tour library and onboarding framework for React applications. It provides a system for creating interactive, step-by-step walkthroughs using element-anchored popovers and visual masking tools to highlight specific interface components. The library focuses on accessibility, providing built-in support for screen readers and keyboard navigation to ensure inclusive user onboarding. It allows for extensive customization by enabling the replacement of default interface elements, such as badges and buttons, with custom React components. The framework covers tour orchestration throu

    TypeScriptgetting-startedguideguided-tours
    View on GitHub↗4,084
  • gilbarbara/react-joyridegilbarbara avatar

    gilbarbara/react-joyride

    7,588View on 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
    View on GitHub↗7,588
  • 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
  • shipshapecode/shepherdshipshapecode avatar

    shipshapecode/shepherd

    13,741View on 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
    View on GitHub↗13,741
    • Compare all 30 related projects→