Components
Loading preview...
a customizable fluid particles background
@bundui
npx shadcn@latest add https://21st.dev/r/bundui/fluid-particles-backgroundimport { FluidParticlesBackground } from "@/components/ui/fluid-particles-background";
const DemoFluidParticlesBackground = () => {
return (
<div className="flex w-full h-screen justify-center items-center bg-black">
<FluidParticlesBackground>
<div className="text-center space-y-4 lg:space-y-6 z-10">
<h1 className="text-4xl lg:text-6xl text-white font-bold">
Fluid particles
</h1>
</div>
</FluidParticlesBackground>
</div>
);
};
export { DemoFluidParticlesBackground };