{"repo":"tomcru/holy-loader","free":true,"listed":false,"github":"https://github.com/tomcru/holy-loader","clone":"git clone https://github.com/tomcru/holy-loader.git","description":"Holy Loader is a i18n-ready, lightweight, customizable top loading progress bar component for React / Next.js 13 & Next.js 14. #toploader #top-loader #nextjs-toploader #nprogress #nextjs-progressbar","language":"TypeScript","stars":146,"topics":["asynchronous-loading","front-end","loading-bar","loading-indicator","nextjs","nprogress","page-load","progress-bar","react","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"Holy Loader Holy Loader is a lightweight and customizable top-loading progress bar component, specifically designed for React applications and optimized for Next.js with app router. Want to see it in use? Visit: GameGator. Also check out Holy Time, yet another (type-safe) date time library. Features - Easy to integrate with any React application. - Highly customizable with sensible defaults. - Utilizes a custom implementation for smooth, aesthetic progress indications. - Supports dynamic configuration for color, height, speed, easing, and more. - Manual controls : Start & stop the loader yourself. - i18n ready : Supports ltr (left-to-right) & rtl (right-to-left) layouts with the dir prop. Installation To install Holy Loader, run the following command in your project directory: OR Usage To use Holy Loader in your Next.js application using the app router: To use Holy Loader in your Next.js application using the pages router: Custom Configuration Manual Control (Client Components) Have an async operation before an eventual route change? You might be interested in holy-loader's manual controls. These only work in client components! Common issues Prevent triggering the loader when clicking a Button within a Next link: API accepts the following props for customization: Prop Type Description Default ---------------------- ---------------------- -------------------------------------------------------------------------------------------------------------- -------------- color string S","default_branch":null,"files":null,"tree":[],"storefront":"/r/tomcru","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tomcru/holy-loader/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}