Components
Animated AI-generation overlay that blurs a source image under a shimmering dot grid and a pulsing "Generating…" pill before fading in a freshly generated image.
Loading preview...
import { AIGenerateOverlay } from "@/components/ui/ai-generate-overlay";
export default function Default() {
return (
<div className="flex min-h-svh w-full items-center justify-center bg-background p-6">
<div className="w-full max-w-2xl overflow-hidden rounded-xl border border-border shadow-lg">
<div className="aspect-video w-full">
<AIGenerateOverlay />
</div>
</div>
</div>
);
}