odysseyui

Greeting Preloader

Component 24

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>
  );
}

Dependencies

More by odysseyui

View all
  • AI Orb Avatar

    AI Orb Avatar

    190
  • Thought Chain

    Thought Chain

    88
  • Pricing 6

    Pricing 6

    46
  • Liquid Button

    Liquid Button

    23
  • Typewriter

    Typewriter

    4
  • GitHub Stars Button

    GitHub Stars Button