30 open-source projects similar to hubspot/pace, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Pace alternative.
SpinKit is a UI component library and CSS animation library focused on providing a collection of animated loading indicators and spinners. It serves as a set of lightweight visual transitions designed to create motion and feedback within web interfaces. The library implements these indicators using pure CSS rendering and keyframe animations to notify users of active background processes. It uses a class-based styling system and minimal HTML structures to render visual cues without relying on scripts or images. Appearance can be adjusted through CSS variables and custom styles to modify color
This project is a client-side library for rendering responsive, animated SVG progress indicators. It functions as a frontend UI component and vector animation library designed to visualize completion status through linear, circular, and radial shapes. The library is distinguished by its support for custom vector path geometries, allowing users to define specific SVG path data to create specialized shapes. It uses a vector-based rendering approach to ensure that indicators remain sharp across different screen resolutions. The tool covers a range of capabilities including both static and anima
spin.js is a CSS loading spinner library used to signal background processes through resolution-independent activity indicators. It provides a JavaScript animation wrapper that manages the lifecycle and document injection of these elements, allowing for the programmatic start and stop of loading states. The project allows for the definition of spinner geometry, colors, and animation speed to match specific design systems. Users can customize the visual appearance through parameters such as line count, radius, and shadow effects, while also controlling rotation direction and timing. The libra
ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
This project is a collection of lightweight animated loading indicators and pure CSS UI components. It provides a library of pre-made styles and keyframes for rendering visual motion effects and loading spinners without the use of JavaScript. The library prioritizes minimal document object model overhead by utilizing a single-element HTML structure for each loader. It employs pseudo-elements to create complex shapes and relies on font-size based scaling to ensure proportional resizing across different dimensions. These components function as user interface feedback systems, providing visual
Very lightweight progress bars. No jQuery
This project is a library of animated UI elements and CSS loading spinners designed to indicate background processes to users. It provides a collection of pre-built Vue components that wrap CSS animations for integration into web applications. The library allows for the customization of spinner appearance, including the adjustment of size, color, and animation speed to match a specific visual brand. These indicators provide visual feedback during asynchronous operations to ensure the frontend user experience remains active.
AVLoadingIndicatorView is a reusable iOS user interface component designed to display background processing states. It specializes in rendering high-quality video files and scalable vector graphics to serve as activity indicators. The project distinguishes itself by using video content as the primary visual for loading animations instead of standard system spinning animations. It utilizes vector drawing and coordinate transformations to maintain visual sharpness and scaling across different screen resolutions. The component covers animation visibility control, state transitions, and the visu
NVActivityIndicatorView is a library of themed and configurable animation views used to replace standard system loading spinners in iOS applications. It provides a collection of reusable Swift UI components designed to signal background processing and data loading through various visual styles. The library focuses on custom activity indicators that allow for the implementation of stylized loading animations with specific colors and patterns. It enables the visualization of asynchronous processes and mobile app loading states to notify users that a background task is active. These components
react-loading-skeleton is a React library for rendering placeholder shapes that simulate content loading states. It provides a collection of themed UI components used to represent loading interfaces before data is fetched and displayed. The library features a hierarchical theme provider that allows for the global or nested management of colors and animations. It includes customizable placeholders that support various dimensions and shapes, such as circular indicators for profile elements and block-level shapes for general content. The system implements accessibility standards by mapping comp
svg-spinners is a collection of animated vector loading indicators. It serves as an SVG spinner library that provides a set of reusable graphics used to signal background processes or page loads. The project consists of a CSS animation library and a SMIL animation collection. It utilizes both CSS-driven keyframe animations and the Synchronized Multimedia Integration Language to create rotating and pulsing visuals. These assets are designed for frontend integration to provide user interface feedback. The library employs SVG-native shape rendering and fixed-dimension viewport scaling to ensure
NJKWebViewProgress is an iOS web view UI component and loading monitor designed to track and visually represent the loading state of web pages within a mobile application. It functions as a progress indicator that monitors browser activity to provide real-time feedback on page load completion. The project integrates with embedded web content to drive numerical loading values and visual indicators, such as loading bars, to manage the user interface during the page load process. The implementation relies on delegate callbacks and key-value observing to monitor the underlying web view state and
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
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
angular-loading-bar is a loading state manager and progress bar component for Angular applications. It provides a system for visualizing network request activity through an automatic loading indicator that monitors outgoing HTTP requests. The project manages concurrent network requests by bundling multiple API calls into a single loading state, ensuring the indicator remains visible until the final request completes. It includes a latency threshold to delay the appearance of the loading bar, which prevents visual flashing during fast requests. The system supports URL pattern filtering to exc
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
Messenger is a toast notification library and asynchronous request monitor designed for web applications. It provides a system for displaying non-blocking alert messages and growl-style notifications, as well as tools for tracking the progress of network calls to trigger automated success or failure alerts. The library features an interactive alert system that embeds actionable buttons within notifications, allowing users to respond to events directly from the alert without leaving their current screen. The project manages user interface feedback through queue-based message dispatching and d
Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat
chromedp is a browser automation framework and driver that controls web browsers via the Chrome DevTools Protocol. It functions as a headless browser automation tool and web browser controller, enabling the programmatic management of browser sessions, targets, and network responses through a remote debugging interface. The project provides specialized capabilities for Chrome DevTools Protocol automation, including headless browser testing, web scraping and data extraction, and mobile device emulation. It also supports browser-based visual regression by capturing precise screenshots of web pag
Instantclick is a client-side navigation enhancer and JavaScript page preloader. It intercepts HTTP requests to update page titles and content via asynchronous requests, avoiding full browser refreshes to eliminate white flashes during navigation. The project reduces perceived frontend latency by fetching linked content in the background when a user hovers over a hyperlink. This intent-based preloading ensures content is ready by the time a user clicks. The tool manages the browsing experience through client-side history manipulation and DOM-based content injection. It also includes a custom
This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.
Inertia is a server-driven frontend framework designed to create monolithic single page applications. It acts as a state synchronization protocol and client-side routing bridge, allowing developers to build interactive experiences using modern JavaScript component libraries while keeping routing and controllers on the server. This approach eliminates the need for a separate REST or GraphQL API layer by passing data from server controllers to frontend components as props via JSON payloads. The framework distinguishes itself by utilizing adapter-based integration to link various backend environ
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
Turbolinks is a JavaScript library that accelerates HTML page transitions by replacing the page body via network requests instead of performing full browser refreshes. It functions as a client-side navigation manager that intercepts link clicks and controls the page visit lifecycle to simulate a single-page application experience. The library synchronizes the browser URL and history stack with partial page updates and utilizes a caching mechanism to store visited page states. This allow for instant previews and restoration of state when navigating backward or forward. It also includes a tool
ShimmerRecyclerView is an Android library used to render animated loading placeholders within RecyclerView lists. It provides a custom view wrapper that applies shimmer masking and animations to child elements, serving as a visual loading indicator while background data is being fetched. The library enables the implementation of skeleton screens that mimic the layout of list items. These effects are customizable, allowing for adjustments to the animation color, angle, line width, and direction to align with specific visual branding. The system includes capabilities for shimmer rendering and
This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int
Ember.js is a structured JavaScript web framework designed for building scalable web applications. It utilizes a Model-View-Controller architectural pattern and incorporates a component-based UI library, a dependency injection framework, and a client-side routing engine. The framework distinguishes itself through a centralized registry for passing shared services across components and routes, alongside a routing system that maps URLs directly to templates and data models to manage navigation. Its broader capabilities include reactive state synchronization and computation memoization for UI p
This is a comprehensive library of code examples and reference implementations for building cross-platform user interfaces with Flutter. The project provides a collection of demo applications and guides designed to illustrate the implementation of design patterns, animation techniques, and testing workflows. The repository features specific demonstrations for native integration, including examples of embedding modules into existing native applications, using platform channels, and bridging native code with the framework. It also serves as an animation reference, providing implementations for
ihp is a type-safe web framework and full-stack application orchestrator designed for PostgreSQL. It functions as a server-side rendering framework and a type-safe ORM that automatically generates record types from SQL schemas to ensure compile-time query validation. The platform distinguishes itself by verifying routing, database queries, and templates at compile time to prevent runtime crashes. It implements real-time web interfaces using WebSockets for instant data synchronization and employs server-driven hypermedia for partial DOM patching. The framework covers a broad range of integrat