awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
HubSpot avatar

HubSpot/pace

0
View on GitHub↗
15,613 stars·1,846 forks·CSS·MIT·15 viewscodebyzach.github.io/pace↗

Pace

Pace is a page loading progress bar that monitors browser navigation and network requests to provide a visual loading indicator. It functions as a frontend navigation tracker and browser request monitor, tracking document states and URL patterns to drive the progress of a loading bar during page transitions.

The tool includes a customizable loading indicator with configurable themes and visual styles. It provides request tracking control to filter which specific network requests trigger the progress bar using global settings or URL patterns.

The system covers the monitoring of frontend requests and the management of progress bar states based on browser history changes. It also includes event listeners and the ability to define custom progress sources to trigger updates based on application logic.

Features

  • Loading Indicators - Displays a visual progress bar to indicate loading states during network requests and page transitions.
  • Page Load State Tracking - Tracks network requests and document states to drive the application loading progress indicator.
  • Request Duration Monitors - Tracks document states and URL patterns to trigger visual updates based on the duration of network requests.
  • Request Progress Indicators - Monitors network activity and document states to provide visual feedback for active web requests.
  • Navigation State Trackers - Monitors browser history changes and page loads to drive the visual progress bar.
  • Perceived Performance Enhancements - Improves perceived performance by providing immediate visual feedback during asynchronous data loading.
  • Animation State Controllers - Controls the visibility and animation of the loading indicator based on request durations and history changes.
  • Lifecycle Event Listeners - Implements event listeners to execute custom functions during different stages of the loading cycle.
  • Page Transition Controls - Tracks network requests and document ready states to manage the visual flow during page transitions.
  • Request Filtering Rules - Filters which network requests trigger the progress bar using global settings and URL patterns.
  • 进度条/加载动画(Loading) - Listed in the “进度条/加载动画(Loading)” section of the Awesome Frontend awesome list.
  • Loading Indicators - Automatic website progress bar.

Star history

Star history chart for hubspot/paceStar history chart for hubspot/pace

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Pace

These projects share indexed features with Pace. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • tobiasahlin/spinkittobiasahlin avatar

    tobiasahlin/SpinKit

    19,351View on GitHub↗

    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

    CSS
    View on GitHub↗19,351
  • kimmobrunfeldt/progressbar.jskimmobrunfeldt avatar

    kimmobrunfeldt/progressbar.js

    7,859View on GitHub↗

    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

    JavaScript
    View on GitHub↗7,859
  • fgnass/spin.jsfgnass avatar

    fgnass/spin.js

    9,251View on GitHub↗

    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

    CSS
    View on GitHub↗9,251
  • jacoborus/nanobarjacoborus avatar

    jacoborus/nanobar

    2,820View on GitHub↗

    Very lightweight progress bars. No jQuery

    JavaScript
    View on GitHub↗2,820
Compare all 30 related projects→

Frequently asked questions

What does hubspot/pace do?

Pace is a page loading progress bar that monitors browser navigation and network requests to provide a visual loading indicator. It functions as a frontend navigation tracker and browser request monitor, tracking document states and URL patterns to drive the progress of a loading bar during page transitions.

What are the main features of hubspot/pace?

The main features of hubspot/pace are: Loading Indicators, Page Load State Tracking, Request Duration Monitors, Request Progress Indicators, Navigation State Trackers, Perceived Performance Enhancements, Animation State Controllers, Lifecycle Event Listeners.

Which projects share features with hubspot/pace?

Projects with overlapping indexed features include: tobiasahlin/spinkit — SpinKit is a UI component library and CSS animation library focused on providing a collection of animated loading… kimmobrunfeldt/progressbar.js — This project is a client-side library for rendering responsive, animated SVG progress indicators. It functions as a… jacoborus/nanobar — Very lightweight progress bars. No jQuery. fgnass/spin.js — spin.js is a CSS loading spinner library used to signal background processes through resolution-independent activity… lukehaas/css-loaders — This project is a collection of lightweight animated loading indicators and pure CSS UI components. It provides a… usablica/progress.js — ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects…