awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
ephread avatar

ephread/Instructions

0
View on GitHub↗
5,195 Stars·480 Forks·Swift·MIT·12 Aufrufe

Instructions

Instructions ist ein Swift-Framework, das für die Erstellung geführter Touren und User-Onboarding-Erlebnisse entwickelt wurde. Es verwaltet die Sequenz, Animationen und Layouts von Instruktionsblasen und Hervorhebungsmarkern, um Benutzer durch Anwendungsfunktionen zu führen.

Die Bibliothek bietet Tools für die UI-Hervorhebung, wobei abgedunkelte Hintergrund-Overlays und präzise Ausschnitte verwendet werden, um die Aufmerksamkeit auf spezifische UI-Elemente zu lenken. Sie enthält Mechanismen für die Ablaufsteuerung von Walkthroughs, die es Entwicklern ermöglichen, den linearen Fortschritt zu verwalten, zu bestimmten Schritten zu springen oder Logik zum Überspringen von Touren zu implementieren.

Visuelle Elemente sind durch konfigurierbare Hintergrund-Overlays anpassbar, ebenso wie die Möglichkeit, Standard-Blasenkomponenten durch eigene Views zu ersetzen. Das Framework übernimmt die Layout-Synchronisation, um sicherzustellen, dass Marker und Ausschnittpfade bei Bildschirmgrößenänderungen oder Orientierungswechseln korrekt aktualisiert werden.

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.

Star-Verlauf

Star-Verlauf für ephread/instructionsStar-Verlauf für ephread/instructions

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Häufig gestellte Fragen

Was macht ephread/instructions?

Instructions ist ein Swift-Framework, das für die Erstellung geführter Touren und User-Onboarding-Erlebnisse entwickelt wurde. Es verwaltet die Sequenz, Animationen und Layouts von Instruktionsblasen und Hervorhebungsmarkern, um Benutzer durch Anwendungsfunktionen zu führen.

Was sind die Hauptfunktionen von ephread/instructions?

Die Hauptfunktionen von ephread/instructions sind: Product Tour Libraries, Interactive Walkthroughs, Tour State Management, Guided Tour Libraries, Interactive UI Walkthroughs, Interface Element Highlighting Systems, Interface Highlighting Tools, Onboarding Frameworks.

Welche Open-Source-Alternativen gibt es zu ephread/instructions?

Open-Source-Alternativen zu ephread/instructions sind unter anderem: 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…

Open-Source-Alternativen zu Instructions

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Instructions.
  • elrumordelaluz/reactourAvatar von elrumordelaluz

    elrumordelaluz/reactour

    4,084Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗4,084
  • gilbarbara/react-joyrideAvatar von gilbarbara

    gilbarbara/react-joyride

    7,588Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗7,588
linkedin/hopscotchAvatar von linkedin

linkedin/hopscotch

4,173Auf GitHub ansehen↗

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
Auf GitHub ansehen↗4,173
  • shipshapecode/shepherdAvatar von shipshapecode

    shipshapecode/shepherd

    13,741Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗13,741
  • Alle 30 Alternativen zu Instructions anzeigen→