Components
Loading preview...
A full-screen, canvas-driven particle system that spells out specified text and lets the cursor dynamically repel the letters’ particles. It captures pixel data from bold, gradient-filled text and instantiates particles at those locations, creating an interactive “shatter and reform” effect as you move or leave the cursor. Ideal for hero titles, interactive headings, or animated backgrounds.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/particle-text-canvasimport ParticleText from "@/components/ui/particle-text-canvas";
export default function DemoOne() {
return <ParticleText />;
}