Projects sharing features with Reactour

bootstrap-tour is a product tour library designed to create guided walkthroughs for websites using the Bootstrap framework. It functions as an interactive UI tool that uses a sequence of popover hints to highlight specific page elements and lead users through a workflow. The system coordinates guided experiences across multiple pages by mapping tour steps to unique URLs. It maintains user progress through local storage persistence, ensuring tours resume at the correct step after a page refresh. The library includes programmatic controls to start, pause, resume, or skip steps, and supports au

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

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

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

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

Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

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

ShowcaseView is an iOS UI overlay library and user onboarding framework. It provides a customizable feature highlight component designed to visually isolate and emphasize specific buttons or sections of a mobile user interface. The library enables the creation of interactive product tours and in-app feature discovery by drawing attention to specific interface elements. It allows for the customization of highlight appearances, including colors and shapes, to match the visual theme of the application. The framework manages the user onboarding experience by highlighting UI elements and guiding

TapTargetView is a set of UI components designed for user onboarding and feature discovery. It provides visual callouts, focus indicators, and markers that direct user attention toward specific screen elements to introduce new or hidden functionality. The system implements Material Design guidelines for its feature discovery UI, ensuring that visual highlights and interactive callouts remain consistent with standardized design specifications. It supports the creation of interactive product tours by chaining multiple interaction points into a sequential path. This is achieved through coordina

GuideView is an Android user onboarding library and UI masking framework used to create guided tours and feature tutorials. It provides utilities for identifying and visually isolating specific Android views by drawing semi-transparent overlays with highlighted holes to focus user attention. The library implements a system for chaining multiple instructional steps together, allowing for the sequencing of highlight pages in a specific order. It supports the attachment of custom text, images, or animations near highlighted views to provide instructional context. The framework manages visual tr

Balloon is an Android popup manager and Jetpack Compose tooltip framework used to coordinate the display, positioning, and lifecycle of contextual popup windows. It functions as a user guidance overlay system, providing tools to highlight specific UI elements through anchored tooltips and informative overlays. The project distinguishes itself through an onboarding sequence orchestrator that chains multiple informational overlays into a guided series. It includes a specialized system for highlighting interface elements using mask-based screen dimming and visual highlight animations to draw att

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

Shepherd is an interactive product tour framework and JavaScript onboarding library used to build step-by-step instructional journeys. It serves as a web application guidance tool that presents sequences of instructional overlays to help users navigate interfaces and discover features. The library enables the creation of guided user tours, onboarding experiences, and interactive application guides. It is used to provide contextual in-app education and drive product feature adoption by leading users through specific workflows. The framework utilizes configuration-driven tour definitions and a

Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari

Code Tour is a VS Code extension that enables the creation of interactive, step-by-step guided walkthroughs of a codebase. It serves as a tool for guided code documentation, mapping descriptive explanations directly to specific file lines and directories within the editor to assist with codebase onboarding and technical knowledge transfer. The system distinguishes itself through the use of regular expression-based anchoring to maintain step stability across different versions of source code and the ability to export tours as portable files containing the necessary code context for playback wi

balloon.css is a lightweight, CSS-driven framework for implementing customizable tooltips and textual overlays. It is a pure CSS library that enables the creation of informative pop-up elements without requiring a JavaScript runtime. The framework uses CSS variables to allow for the customization of colors, fonts, and animations. Tooltips can be positioned in specific directions relative to their trigger element and support the embedding of rich content, such as HTML special characters and icon fonts. Visibility is primarily managed through hover triggers, though the system supports programm

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

vimac is a keyboard-driven user interface controller for macOS that translates keyboard sequences and text labels into graphical interface interactions. It functions as an automation layer that maps keyboard inputs to specific UI element interactions, serving as a navigation tool to reduce reliance on a mouse. The utility enables mouse-free interface management by replacing pointer movements with keyboard shortcuts for scrolling and clicking. It specifically allows for triggering clicks, double-clicks, or right-clicks on interface elements through the use of assigned short text labels. The s

Vimium-C is a keyboard-driven browser extension that provides a vim-like navigation tool for web browsers. It functions as a customizable key mapper and accessibility tool, allowing users to interact with web content and manage browser tabs and windows without a mouse. The project distinguishes itself through advanced key mapping capabilities, including the ability to define contextual shortcuts based on the website host and remap keyboard layouts. It implements mode-specific mappings to prevent command conflicts and allows for specific keyboard mappings to function within text input boxes.

This project is a Flutter e-commerce UI kit and cross-platform mobile template providing a comprehensive library of screens and layouts for digital storefronts. It is designed to work across both Android and iOS operating systems to facilitate the development of online shopping applications. The kit includes pre-designed interfaces for product discovery, featuring homepages, category catalogs, and search filters. It also provides a dedicated series of layouts for mobile authentication, including user registration, login, and password recovery processes. The codebase covers a wide range of co

This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

Nyxt is a keyboard-driven web browser built on a programmable Common Lisp architecture. It is designed for users who require a highly extensible environment where core behaviors and internal functions can be modified during active sessions. By prioritizing keyboard navigation and a command-based interface, the browser facilitates efficient interaction with web content and system functions. The browser distinguishes itself through a non-linear, tree-structured history graph that preserves the context of navigation paths, allowing users to explore past visits without losing their current place.