Projects sharing features with Instructions

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

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

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

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

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

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

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

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

EAIntroView is an onboarding UI library used to build sequential introduction and welcome screens. It functions as a customizable walkthrough and interactive tutorial framework for creating guided tours and step-by-step instructional guides. The library features a coordinate-based layout engine that defines UI element placement using coordinates and offsets mapped to individual pages. It includes an event-driven UI component that triggers specific logic and animations based on page transition and visibility events. The framework manages view navigation through a navigation-controlled introdu

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

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

learn-gdscript is an interactive coding course and tutorial application designed to teach GDScript programming fundamentals. It functions as a game engine education tool that allows absolute beginners to study basic programming concepts, variables, and functions. The project utilizes a sandboxed environment for practicing code execution and provides in-engine interactive tutorials. It features guided walkthroughs that direct users through editor interfaces to help them locate and understand software tools. The curriculum covers game development logic, including the implementation of physics-

Awesome Flutter UI is a collection of design patterns and layout templates designed to accelerate the development of mobile application interfaces. It functions as a cross-platform UI kit, providing a library of pre-built components that allow developers to construct standard mobile screens and user flows using a unified codebase. The project distinguishes itself by offering ready-made templates for common mobile application requirements, including authentication, profile management, and media streaming. It also includes specialized patterns for mobile onboarding, enabling the creation of int

Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across different rendering engines. It functions as a toolkit for modeling complex user interface interactions using statecharts, decoupling the underlying logic and accessibility attributes from visual styling. The library is framework-agnostic, utilizing specialized adapters to bridge its state machine logic with various JavaScript libraries such as React, Solid, Vue, and Svelte. This approach allows developers to maintain a single interaction model while applying any CSS or styli

BWWalkthrough is a simple library that helps you build custom walkthroughs for your iOS App

The easiest way to create a great walkthrough experience in your apps, powered by Swift.

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

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

boring.notch is a macOS notch interface extension that provides a customizable software overlay for the hardware notch area. It functions as a productivity widget hub and a custom system HUD overlay, allowing users to replace standard system heads-up displays for volume and brightness with custom visual indicators. The project includes an interface gesture controller to map touch and mouse interactions to specific system actions and application controls. It also features a temporary file shelf that serves as a workspace for staging files intended for quick transfer via wireless sharing protoc

This project is a terminal graphics library and command-line visual effects tool designed to create dynamic motion graphics using ANSI escape sequences. It provides a framework for implementing an ANSI text animation engine and a motion processor that handles the movement of characters along paths within a shell environment. The tool is distinguished by its wide array of pre-defined visual effects, ranging from simulated environmental phenomena like thunderstorms and fire to high-tech reveals such as laser etching and decryption animations. It also supports extensibility through a plugin-base

TaskbarX is a Windows taskbar customizer and UI enhancement tool designed to modify the appearance and layout of the desktop shell. It functions as a styling utility that centers taskbar icons and applies visual effects to the system interface. The project provides specific controls for taskbar visual styling, including the application of transparency, blur, acrylic effects, custom colors, and rounded corners. It features precise icon centering across multiple monitors with adjustable offsets and utilizes transition animations to manage icon movement. Beyond styling, the tool allows for the

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

ExplorerBlurMica is a system utility designed to apply transparency, blur, and material design effects to standard Windows desktop interface elements. It functions as a window effect injector and visual modifier specifically for the Windows File Explorer and other shell windows. The tool provides customization of background visual effects, including the addition of acrylic and mica transparency. It allows for the definition of specific blend colors for backgrounds and includes an adaptation system that synchronizes visual styles with the current operating system theme settings.

This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li

Mapbox GL JS is a WebGL map rendering engine and interactive web map framework used to render vector tiles, raster imagery, and 3D terrain in the browser. It functions as a vector tile map library and geospatial data visualization tool, employing GPU-accelerated shaders to transform geospatial data into interactive maps. The project distinguishes itself through the integration of custom WebGL layers directly into the rendering pipeline and the use of data-driven expressions to map feature properties to visual attributes. It supports specialized data loading via PMTiles and provides offline ma