Components
Loading preview...
A mesmerizing animated golden spiral component featuring 600+ pulsing dots arranged in the mathematically perfect Fibonacci spiral pattern. Each dot pulses with smooth radius and opacity animations, creating a hypnotic wave effect that flows from center to edge. Built with TypeScript, fully customizable with props for dot count, colors, size, and animation timing. Perfect for landing pages, loading screens, or any interface that needs an elegant mathematical visualization.
@easemize
npx shadcn@latest add https://21st.dev/r/easemize/spiral-animationimport { SpiralAnimation } from "@/components/ui/spiral-animation";
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center">
<SpiralAnimation
totalDots={800}
dotColor="#fff"
backgroundColor="#000"
duration={2}
/>
</div>
);
};
export { DemoOne };