Spotlight
Fully Customisable Spotlight Themed Animated Background Component.
Loading...
Installation
npx shadcn@latest add https://thetaui.vercel.app/r/spotlight-background.jsonpnpm dlx shadcn@latest add https://thetaui.vercel.app/r/spotlight-background.jsonyarn shadcn@latest add https://thetaui.vercel.app/r/spotlight-background.jsonbunx --bun shadcn@latest add https://thetaui.vercel.app/r/spotlight-background.jsonUsage
import { Spotlight } from "@/components/ui/spotlight-background";
<section className="relative flex h-full w-full items-center justify-center">
<Spotlight />
<p className="text-primary -mt-10 text-6xl font-bold tracking-tight lg:text-8xl lg:tracking-tighter">
Spotlight
</p>
</section>;