1 Repo
Awesome GitHub RepositoriesInterface Masking Components
React components that create visual overlays to highlight specific parts of the UI.
Distinct from React Components: Distinct from generic React components by specifically providing the masking/spotlight functionality for tours.
Explore 1 awesome GitHub repository matching part of an awesome list · Interface Masking Components. Refine with filters or upvote what's useful.
Awesome Interface Masking Components GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- elrumordelaluz/reactour
elrumordelaluz/reactour
4,084Auf GitHub ansehenDies 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.
Ships a utility to obscure the screen with a visual mask that draws attention to specific React components.
TypeScriptgetting-startedguideguided-tours
