Horizon Page Loader

A full-page loading screen with a glowing horizon line and a traveling pearlescent light, used while a page or route is preparing its content.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Horizon Page Loader to your project and fits it to your theme.

import { HorizonPageLoader } from "@/components/ui/horizon-page-loader";

export default function HorizonPageLoaderDemo() {
  return <HorizonPageLoader eyebrow="Nacre UI" label="Preparing your space" />;
}