Remix-nprogress NPM

Remix NProgress

A Remix Progress Bar component made using NProgress validated for Remix + Vite.

Install

npm i remix-nprogress

Usage

Add the component as one of your children in the function Layout in root.tsx

import RemixNProgress from "remix-nprogress";

export function Layout({children}: { children: React.ReactNode }) {
  return (
    // your code here
    <body>
    <RemixNProgress/>
    {children}
    <ScrollRestoration/>
    <Scripts/>
    </body>
  );
}