14 Repos
Lightweight frameworks for creating instructional sequences for new users.
Distinguishing note: Focuses on the framework aspect of onboarding.
Explore 14 awesome GitHub repositories matching user interface & experience · Onboarding Frameworks. Refine with filters or upvote what's useful.
This project is an automated technical writing tool that functions as a documentation-as-code framework. It parses source code and configuration files to generate structured instructional manuals and operational guides, ensuring that technical documentation remains synchronized with software updates through version control systems. The system utilizes large language model orchestration and static analysis to interpret codebase metadata and system definitions. By applying template-driven logic and context-aware prompt engineering, it transforms raw technical data into consistent, human-readabl
Provides frameworks for creating instructional sequences that guide new users through software operations.
Driver.js is a browser-based library designed for creating interactive product tours and guided walkthroughs. It provides a framework for building step-by-step instructional sequences that help users navigate complex application interfaces, facilitating onboarding and feature discovery. The library distinguishes itself through its state-driven orchestration, which manages the sequence of steps and transition logic for guided tours. It utilizes a full-screen overlay layer to capture user interactions and isolate specific interface components, employing visual masking techniques to dim surround
Builds step-by-step instructional sequences that explain complex application workflows.
Intro.js is a JavaScript onboarding tour library and web interface guide framework. It functions as an interactive product walkthrough tool that uses tooltips and highlights to explain software features to users. The library enables the creation of guided onboarding tours, interactive product tours, and step-by-step walkthroughs. These tools facilitate software feature discovery and provide application interface guidance to help users navigate layouts. The system manages the user experience through sequenced step orchestration, coordinate-based tooltip positioning, and DOM-based element high
Provides a lightweight framework for creating instructional sequences that lead new users through an application.
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
Provides a lightweight framework for managing instructional onboarding sequences for new users.
AppIntro is an Android onboarding framework used to create swipeable introductory screens and feature walkthrough carousels. It provides a navigation controller to manage wizard-style flow control and a UI component library for handling slide transitions and immersive layouts. The framework integrates system runtime permission requests directly into the onboarding sequence, allowing developers to block navigation until required access is granted. It supports different navigation modes that can toggle between standard and wizard behaviors, including the ability to restrict slide transitions ba
Ships a lightweight framework for creating instructional, swipeable introductory sequences for new Android users.
Onboard is an iOS onboarding framework designed for creating guided welcome screen sequences and tutorial flows. It provides a page transition engine to manage navigation and animations between sequential screens containing images, text, and action buttons. The framework includes a SwiftUI UI library with customizable layout components and styles. It features a system for animating content and managing the navigation flow, which allows for the implementation of smooth transitions and fade effects between instructional screens. The project covers background management with support for static
Ships a lightweight framework for creating instructional onboarding sequences with images, text, and action buttons.
ShowcaseView ist eine iOS-UI-Overlay-Bibliothek und ein Framework für das User-Onboarding. Es bietet eine anpassbare Feature-Highlight-Komponente, die darauf ausgelegt ist, bestimmte Schaltflächen oder Bereiche einer mobilen Benutzeroberfläche visuell zu isolieren und hervorzuheben. Die Bibliothek ermöglicht die Erstellung interaktiver Produkttouren und In-App-Feature-Discovery, indem sie die Aufmerksamkeit auf spezifische Schnittstellenelemente lenkt. Sie erlaubt die Anpassung des Erscheinungsbilds der Hervorhebungen, einschließlich Farben und Formen, um sie an das visuelle Thema der Anwendung anzupassen. Das Framework verwaltet das User-Onboarding-Erlebnis, indem es UI-Elemente hervorhebt und Benutzer durch eine Sequenz von Schnittstellenkomponenten führt.
Provides a lightweight framework for creating instructional sequences to guide new users through an application.
Web3Modal ist ein Wallet-Verbindungs-Interface und Onboarding-Toolkit, das verwendet wird, um externe Kryptowährungs-Wallets mit Anwendungen über mehrere Blockchain-Netzwerke hinweg zu verknüpfen. Es bietet eine einheitliche Benutzeroberfläche zur Verwaltung von Wallet-Verbindungen und zur Nachverfolgung von Benutzer-Authentifizierungssitzungen. Das Projekt verfügt über ein eingebettetes Social-Wallet-System, das die nicht-verwahrte (non-custodial) Wallet-Bereitstellung mittels Social-Logins und E-Mail ermöglicht, um die Notwendigkeit von Seed-Phrases zu eliminieren. Es enthält zudem ein Account-Abstraction-Framework für die Bereitstellung programmierbarer Smart-Accounts sowie einen Multi-Chain-Provider-Router zur Verwaltung von Transaktions- und Leseanfragen über verschiedene Blockchain-Ökosysteme hinweg. Das Toolkit deckt umfassendere Funktionen ab, einschließlich Onchain-Transaktions-Sponsoring zur Übernahme von Gas-Gebühren für Benutzer sowie die Integration von Krypto-Swaps und Fiat-On-Ramps für den Asset-Austausch.
Implements user experience patterns for introducing new users to blockchain environments through simplified account setup.
AppKit ist ein Multi-Chain-Wallet-Verbindungs-Kit und Onboarding-Framework, das entwickelt wurde, um diverse Blockchain-Netzwerke in eine einheitliche Schnittstelle zu integrieren. Es bietet eine umfassende Suite für die Verbindung von Anwendungen mit EVM-, Solana-, Bitcoin-, TON- und TRON-Ökosystemen und erleichtert sowohl die Verknüpfung selbstverwalteter Wallets als auch die Erstellung neuer Konten. Das Projekt zeichnet sich durch ein Web3-Onboarding-System aus, das Social- und E-Mail-basierte Authentifizierung nutzt, um eingebettete Wallets zu generieren, was die kryptografische Reibung für neue Benutzer reduziert. Es unterstützt zudem fortgeschrittenes Identitätsmanagement mittels einer Blockchain-Account-Abstraction-Suite, die die Bereitstellung programmierbarer Smart-Accounts und Multi-Signatur-Autorisierung ermöglicht. Die Plattform deckt ein breites Spektrum an Funktionen ab, einschließlich Cross-Chain-Asset-Management mit integrierten Fiat-On-Ramps und Token-Swapping sowie Identitätsauflösung zur Übersetzung von Blockchain-Adressen in menschenlesbare Namen. Es enthält zudem Sicherheitstools für die Domain-Verifizierung, einen Headless-UI-Modus für benutzerdefinierte Interface-Implementierungen sowie eine Reihe von Analysetools zur Überwachung von Transaktionsvolumina und Benutzeraktivitäten. Ein Projekt-Bootstrapping-CLI ist verfügbar, um das initiale Setup und die Konfiguration der Blockchain-Umgebung zu automatisieren.
Simplifies the entry process for new users via social logins and embedded wallets to reduce cryptographic friction.
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.
Provides a framework for creating instructional sequences and coach marks for new users.
zkSync is an Ethereum layer 2 scaling network and zero-knowledge rollup solution. It processes transactions off-chain and submits validity proofs to the mainchain to increase throughput and reduce transaction costs while inheriting the security of the Ethereum mainnet. The project features an account abstraction framework that uses smart accounts and session keys to enable gasless transactions and simplified user onboarding. It includes a zero-knowledge proof framework for verifying computations and asset transfers without revealing underlying private data. The system covers a broad range of
Simplifies user onboarding via smart accounts and session keys to create a seamless, gasless experience.
Hopscotch ist eine JavaScript-Bibliothek und ein Framework zur Erstellung interaktiver Produkttouren und Onboarding-Guides für Nutzer. Es dient als Tool zum Aufbau schrittweiser Anleitungen, die spezifische Seitenelemente hervorheben und kontextbezogene Tooltips anzeigen, um Nutzern bei der Navigation durch Webanwendungsoberflächen zu helfen. Die Bibliothek fungiert als Tooltip-Orchestrator, der instruktive Sprechblasen an HTML-Elementen verankert, indem er deren Position innerhalb des Browser-Viewports berechnet. Sie unterstützt die Erstellung gebrandeter Touren durch die Verwendung benutzerdefinierter Stylesheets und Markup-Templates für visuelle Anpassungen. Das Framework beinhaltet Funktionen für das Sequenzmanagement und die Event-Integration, was es Entwicklern ermöglicht, während der Tour-Übergänge benutzerdefinierte JavaScript-Callbacks auszulösen, um den Guide mit Zustandsänderungen der Anwendung zu synchronisieren.
Provides a lightweight framework for creating instructional sequences to guide new users through digital workflows.
Hopscotch is a guided onboarding framework and JavaScript tour engine designed to create step-by-step user orientations on web pages. It functions as a library for rendering interactive product walkthroughs and tours using configuration files and customizable bubbles and overlays. The system manages the progression of guided steps and supports the discovery of interactive features by highlighting specific elements of a web interface. It allows for the creation of tailored guided paths through a web application to assist with user onboarding. The library provides capabilities for modifying to
Provides a lightweight framework for creating instructional sequences for new users.
Dies ist eine Guided-Tour-Bibliothek und ein Onboarding-Framework für React-Anwendungen. Es bietet ein System zur Erstellung interaktiver Schritt-für-Schritt-Anleitungen unter Verwendung von elementverankerten Popovers und visuellen Maskierungstools, um spezifische Schnittstellenkomponenten hervorzuheben. Die Bibliothek konzentriert sich auf Barrierefreiheit und bietet integrierte Unterstützung für Screenreader und Tastaturnavigation, um ein inklusives Benutzer-Onboarding zu gewährleisten. Sie ermöglicht eine umfassende Anpassung durch den Austausch von Standard-Schnittstellenelementen, wie Badges und Buttons, durch benutzerdefinierte React-Komponenten. Das Framework deckt die Tour-Orchestrierung durch Zustandsverwaltung und selektorbasiertes Element-Targeting ab. Es enthält Funktionen für automatisches Viewport-Scrolling, Popover-Übergangsmanagement und die Möglichkeit, die Benutzerinteraktion mit der zugrunde liegenden Schnittstelle während eines Rundgangs einzuschränken.
Provides a framework for creating instructional sequences to guide new users through the interface.