Components
Loading preview...
A mesmerizing falling-particles background with customizable colors, blur, and density—perfect for subtle motion effects. Built with Framer Motion for buttery-smooth infinite animation.
npx shadcn@latest add https://21st.dev/r/sshahaider/falling-patternimport { FallingPattern } from "@/components/ui/falling-pattern";
export default function DefaultDemo() {
return (
<div className="w-full relative min-h-screen">
<FallingPattern className="h-screen [mask-image:radial-gradient(ellipse_at_center,transparent,var(--background))]" />
<div className="absolute inset-0 z-10 flex items-center justify-center">
<h1 className="font-mono text-7xl font-extrabold tracking-tighter">
Falling Pattern
</h1>
</div>
</div>
);
}