Projects sharing features with Onboard

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

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

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

This project is a declarative UI pattern library and reference implementation for structuring layouts, navigation flows, and data collections across Apple platforms. It provides a collection of practical implementation patterns and component examples for building user interfaces using the SwiftUI framework. The library serves as a cross-platform reference for rendering visual content on iOS and macOS. It includes a view implementation guide that covers managing navigation, handling user inputs, and embedding web content. The codebase covers broad capability areas including layout management

PageMenu is an Objective-C UI library for implementing scrollable page navigation systems in iOS applications. It provides a UI component that organizes multiple content views into a paging system linked to a top navigation bar, allowing users to switch between sections via tap gestures or horizontal swipes. The library features a customizable UIKit page indicator that tracks and animates transitions between views. It supports the creation of segmented control navigation interfaces, which can be formatted with custom separators, rounded edges, and specific styling for colors and fonts. The s

CYLTabBarController is an iOS tab bar UI library and interface system designed for implementing advanced navigation layouts, glassmorphism effects, and dynamic vector-based icon animations. It provides a collection of components to customize the standard iOS navigation bar with specialized visual styles and layouts. The library distinguishes itself through the integration of Lottie for vector animations within navigation icons and the inclusion of a glassmorphism UI kit for creating blurred, translucent overlays. It specifically enables the implementation of emphasized center action buttons a

This project is a suite of visual components and interface models designed to create animated transitions between condensed grid previews and expanded detail views. It provides a card transition library and SwiftUI animated UI components that enable a peek-and-pop interface where small preview cards expand into full-screen content. The system implements an animated grid layout that allows collections of cards to expand and contract to reveal more information. These interactions are supported by animations that transform small content cells into full-screen interfaces to maintain visual contin

FSPagerView is an iOS page slider library and Swift UI component designed for creating swipable paging views. It provides a paginated navigation UI and a 3D page transition engine for managing a sequence of views. The library features an infinite carousel view that supports automated page cycling and continuous looping of content. It distinguishes itself through 3D page transition animations, including zoom and fade effects, and customizable transition effects that control how items enter and exit the screen. The component covers a broad capability surface including paginated screen layouts,

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

This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

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

FDFullscreenPopGesture is an iOS navigation gesture library and UIKit enhancement designed to implement edge-swipe back navigation and automatic navigation bar transitions in iOS applications. It provides a category for navigation controllers that adds a fullscreen swipe-to-pop gesture matching the system interaction style. The library manages the synchronization of navigation bar visibility animations during fullscreen transitions. This ensures that view controllers which do not natively support edge-swipe navigation can utilize system-standard back gestures. The project covers user interfa

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

Popping is a gallery of iOS user interface animation examples. It provides a collection of visual demonstrations and code samples for implementing smooth interface transitions and motion effects in Apple mobile applications. The project focuses on showcasing how to use the Pop animation engine to create high-performance animations and sophisticated behavioral effects. It serves as a reference for adding polish to mobile views through a variety of motion samples. The content covers mobile interface design and the implementation of UI animations to refine the look and feel of an application.

This project is a cross-platform mobile blur library and a collection of native components used to render Gaussian blur and frosted glass effects in mobile applications. It functions as a native view hierarchy bridge that encapsulates platform-specific visual effect APIs to maintain performance during animations and transitions. The library includes a UI vibrancy toolkit designed to adjust contrast and saturation, ensuring that text and icons remain legible when placed over blurred backgrounds. It provides components for adding depth and translucent layers to mobile interfaces through native

MMDrawerController is a side drawer navigation controller for mobile applications. It serves as a mobile UI navigation container that organizes a primary center content area and a hidden slide-out side menu. The project provides a transition animation framework to define custom visual effects when presenting or dismissing the side menu. It also includes a system for customizable gesture navigation, allowing the definition of touch gestures and pan events to trigger menu transitions. The controller covers app layout management via a container view and integrates iOS gesture recognition. It in

MGSwipeTableCell is an iOS mobile UI library providing a custom UIKit table view cell subclass. It is a swipeable UI component designed to implement swipe-to-action patterns within native Apple mobile applications. The library enables the creation of interactive table cells that reveal hidden buttons through horizontal swipe gestures. It includes expandable swipe action triggers that execute specific events when a gesture exceeds a defined distance threshold. The component covers mobile UI gesture integration and table view customization, utilizing coordinate-based layout mapping and state-b

弹弹弹，就是这么Q弹带劲！

A super-charged version of MYIntroductionView for building custom app introductions and tutorials.

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

HackingWithSwift is a curated library of coding patterns and an iOS development study guide. It provides a collection of Swift programming examples and practical exercises designed for learning how to build mobile applications on Apple platforms. The project serves as a reference for SwiftUI, offering modular examples of declarative user interfaces. It covers the study of the Swift language through real-world implementation samples, ranging from general mobile UI design to the logic required for iOS game development. The repository includes examples of architectural patterns and capabilities

Barba is a JavaScript page transition library that intercepts browser navigation to swap page content and animate transitions without a full page refresh. It functions as an AJAX page loader and client-side navigation manager, coordinating the lifecycle of transitions through hooks and custom logic during view changes. The library distinguishes itself as a frontend animation orchestrator that triggers specific visual effects and scripts based on the source and destination of a website page. It employs a rules-based system to resolve which specific animation or transition to execute by matchin

This project is a reference guide and technical resource for building user interfaces with the SwiftUI framework. It provides a comprehensive collection of code examples, documentation, and a component library of reusable view implementations and layout patterns. The resource includes a compatibility map that links modern declarative views to their equivalent imperative counterparts in the UIKit framework. This documentation assists with the migration from UIKit to SwiftUI by providing guidance on wrapping legacy view controllers and view subclasses within a declarative hierarchy. The guide

eul is a native macOS system monitor and desktop application built with SwiftUI. It serves as a status bar utility for tracking real-time CPU, memory, network, and battery usage. The application includes a dedicated Bluetooth device battery tracker to monitor the charge levels of connected peripherals. It is developed as a multilingual utility with a localized user interface to support multiple languages. The software covers system resource monitoring and peripheral battery tracking, integrating these metrics directly into the macOS menu bar.

TinyConstraints is a declarative UI layout engine and constraint-based positioning framework designed to simplify the definition of view constraints, spatial relationships, and element dimensions. It functions as an auto layout wrapper library that allows for the positioning of elements through relational anchors and priority-based sizing rules. The system enables adaptive interface design by supporting custom view stacking in horizontal or vertical sequences and the use of offsets for precise edge alignment and centering. It further supports dynamic interface animations by updating layout co

MovieSwiftUI is a movie discovery application built with SwiftUI that integrates with the MovieDB API to retrieve and display movie information, ratings, and metadata. It functions as a cross-platform Apple application, providing a consistent user experience across iOS and macOS from a single codebase. The project implements a reactive data flow using Combine to synchronize global application state with the user interface. It employs a unidirectional data flow and a centralized store to maintain a single source of truth across different screens and components. The application utilizes declar

JDStatusBarNotification is a Swift-based notification framework and UI component library used to display custom status bar overlays and interactive alerts directly below the system status bar. It provides a system for presenting urgent information and task progress indicators through a SwiftUI-based toolkit. The framework allows for the creation of bespoke notification windows with support for custom view injection and a declarative UI approach for composing layouts. It includes features for branded UI customization, enabling the modification of colors, fonts, and animation styles to align wi