holy-loader
Holy Loader is a lightweight, i18n-ready top-loading progress bar component designed specifically for React applications, with optimal support for Next.js 13 and Next.js 14 using both App Router and Pages Router. It provides smooth, aesthetic route transition indicators that replace standard browser loading states. The component is highly customizable, allowing developers to adjust color, height, animation speed, easing functions, and initial position through simple props. It supports dynamic configurations including CSS gradients and custom dimensions. A key feature is its manual control capability, enabling developers to start and stop the loader programmatically within client components to manage async operations before route changes. The library fully supports internationalization for both left-to-right and right-to-left text layouts. Installation is straightforward via npm or yarn, requiring minimal setup to integrate into the application layout. It is an efficient alternative to legacy solutions like NP