Instructions

Instructions هو إطار عمل Swift مصمم لإنشاء جولات إرشادية وتجارب تأهيل المستخدم. يدير تسلسل ورسوم متحركة وتخطيطات فقاعات التعليمات وعلامات التمييز لتوجيه المستخدمين عبر ميزات التطبيق.

توفر المكتبة أدوات لتمييز الواجهة، باستخدام تراكبات خلفية خافتة وقصاصات دقيقة لجذب الانتباه إلى عناصر واجهة مستخدم محددة. تتضمن آليات للتحكم في تدفق الجولة، مما يسمح للمطورين بإدارة التقدم الخطي، أو الانتقال إلى خطوات محددة، أو تنفيذ منطق تخطي الجولة.

العناصر المرئية قابلة للتخصيص من خلال تراكبات خلفية قابلة للتكوين والقدرة على استبدال مكونات الفقاعة الافتراضية بعروض مخصصة. يتعامل إطار العمل مع مزامنة التخطيط لضمان تحديث العلامات ومسارات القصاصات بشكل صحيح أثناء تغيير حجم الشاشة أو اتجاهها.

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.

سجل النجوم

ephreadInstructions

Name: ephread/instructions
Author: ephread

View on GitHub

5,195 نجوم480 تفرعاتSwiftMIT12 مشاهدات

Instructions

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.

بدائل مفتوحة المصدر لـ Instructions

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Instructions.

elrumordelaluz/reactour
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
عرض على GitHub4,084
gilbarbara/react-joyride
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
عرض على GitHub7,588
linkedin/hopscotch
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
عرض على GitHub4,173
shipshapecode/shepherd
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
عرض على GitHub13,741

عرض جميع البدائل الـ 30 لـ Instructions

الأسئلة الشائعة

ما هي وظيفة ephread/instructions؟

ما هي الميزات الرئيسية لـ 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…