awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
ephread avatar

ephread/Instructions

0
View on GitHub↗
5,195 estrellas·480 forks·Swift·MIT·12 vistas

Instructions

Instructions es un framework de Swift diseñado para crear recorridos guiados y experiencias de onboarding de usuario. Gestiona la secuencia, animaciones y diseños de burbujas de instrucciones y marcadores de resaltado para guiar a los usuarios a través de las funciones de la aplicación.

La librería proporciona herramientas para el resaltado de interfaces, utilizando superposiciones de fondo atenuadas y recortes precisos para llamar la atención sobre elementos específicos de la UI. Incluye mecanismos para el control del flujo de recorridos, permitiendo a los desarrolladores gestionar la progresión lineal, saltar a pasos específicos o implementar lógica para omitir el recorrido.

Los elementos visuales son personalizables mediante superposiciones de fondo configurables y la capacidad de reemplazar los componentes de burbuja predeterminados con vistas personalizadas. El framework maneja la sincronización del diseño para asegurar que los marcadores y las rutas de recorte se actualicen correctamente durante el cambio de tamaño de pantalla o cambios de orientación.

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.

Historial de estrellas

Gráfico del historial de estrellas de ephread/instructionsGráfico del historial de estrellas de ephread/instructions

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a Instructions

Proyectos open-source similares, clasificados según cuántas características comparten con Instructions.
  • elrumordelaluz/reactourAvatar de elrumordelaluz

    elrumordelaluz/reactour

    4,084Ver en 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
    Ver en GitHub↗4,084
  • gilbarbara/react-joyrideAvatar de gilbarbara

    gilbarbara/react-joyride

    7,588Ver en 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
    Ver en GitHub↗7,588
  • linkedin/hopscotchAvatar de linkedin

    linkedin/hopscotch

    4,173Ver en 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
    Ver en GitHub↗4,173
  • shipshapecode/shepherdAvatar de shipshapecode

    shipshapecode/shepherd

    13,741Ver en 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
    Ver en GitHub↗13,741
Ver las 30 alternativas a Instructions→

Preguntas frecuentes

¿Qué hace ephread/instructions?

Instructions es un framework de Swift diseñado para crear recorridos guiados y experiencias de onboarding de usuario. Gestiona la secuencia, animaciones y diseños de burbujas de instrucciones y marcadores de resaltado para guiar a los usuarios a través de las funciones de la aplicación.

¿Cuáles son las características principales de ephread/instructions?

Las características principales de ephread/instructions son: Product Tour Libraries, Interactive Walkthroughs, Tour State Management, Guided Tour Libraries, Interactive UI Walkthroughs, Interface Element Highlighting Systems, Interface Highlighting Tools, Onboarding Frameworks.

¿Qué alternativas de código abierto existen para ephread/instructions?

Las alternativas de código abierto para ephread/instructions incluyen: 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…