About
A full-screen preloader overlay that rapidly cycles through greetings in different languages before revealing the page content.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Greeting Preloader to your project and fits it to your theme.
Code
How Greeting Preloader is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client";
import GreetingPreloader from "@/components/ui/components-preloaders-greetings";
export default function GreetingPreloaderDemo() {
return (
<div className="relative w-full h-screen bg-background">
<GreetingPreloader fullPage={false} />
</div>
);
}





