Page Loader

ui

Full-page loading overlay with two variants: a shimmer bar fixed at the top of the viewport (bar) and a centered XL spinner (spinner). Controlled by a single loading prop with fade-in/out transition, semantic color options, and i18n support.

pnpm dlx shadcn@latest add "https://ds.lema.ufpb.br/r/ds-page-loader.json"

Sign In

Page Loader

ui

Full-page loading overlay with two variants: a shimmer bar fixed at the top of the viewport (bar) and a centered XL spinner (spinner). Controlled by a single loading prop with fade-in/out transition, semantic color options, and i18n support.

pnpm dlx shadcn@latest add "https://ds.lema.ufpb.br/r/ds-page-loader.json"

class-variance-authority

spinner

components/ui/ds-page-loader.tsx

class-variance-authority

spinner

components/ui/ds-page-loader.tsx