awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
ephread avatar

ephread/Instructions

0
View on GitHub↗
5,195 星标·480 分支·Swift·MIT·12 次浏览

Instructions

Instructions 是一个 Swift 框架,专为创建引导式教程和用户入门体验而设计。它管理教学气泡和高亮标记的顺序、动画和布局,引导用户了解应用程序功能。

该库提供了界面高亮工具,使用变暗的背景遮罩和精确的剪切区域来吸引用户对特定 UI 元素的注意。它包括用于引导流程控制的机制,允许开发者管理线性进度、跳转到特定步骤或实现教程跳过逻辑。

视觉元素可以通过可配置的背景遮罩以及用自定义视图替换默认气泡组件的能力进行定制。该框架处理布局同步,以确保标记和剪切路径在屏幕调整大小或方向更改时正确更新。

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 历史

ephread/instructions 的 Star 历史图表ephread/instructions 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

常见问题解答

ephread/instructions 是做什么的?

Instructions 是一个 Swift 框架,专为创建引导式教程和用户入门体验而设计。它管理教学气泡和高亮标记的顺序、动画和布局,引导用户了解应用程序功能。

ephread/instructions 的主要功能有哪些?

ephread/instructions 的主要功能包括:Product Tour Libraries, Interactive Walkthroughs, Tour State Management, Guided Tour Libraries, Interactive UI Walkthroughs, Interface Element Highlighting Systems, Interface Highlighting Tools, Onboarding Frameworks。

ephread/instructions 有哪些开源替代品?

ephread/instructions 的开源替代品包括: 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…

Instructions 的开源替代方案

相似的开源项目,按与 Instructions 的功能重合度排序。
  • elrumordelaluz/reactourelrumordelaluz 的头像

    elrumordelaluz/reactour

    4,084在 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
    在 GitHub 上查看↗4,084
  • gilbarbara/react-joyridegilbarbara 的头像

    gilbarbara/react-joyride

    7,588在 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
    在 GitHub 上查看↗7,588
  • linkedin/hopscotchlinkedin 的头像

    linkedin/hopscotch

    4,173在 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
    在 GitHub 上查看↗4,173
  • shipshapecode/shepherdshipshapecode 的头像

    shipshapecode/shepherd

    13,741在 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
    在 GitHub 上查看↗13,741
  • 查看 Instructions 的所有 30 个替代方案→