SpiralDotLoader
✨ SpiralDotLoader is a Framer code component that renders a rotating sunflower-spiral of points as an animated loader. Points scatter away from your cursor on hover, then spring back with a magnetic snap.
About this Component
Features:
🎨 Gradient colors: set Color A and Color B, mapped from center to edge
🔷 Content modes: render points as circles, squares, triangles, custom text/emoji, or uploaded icons
🌀 Spiral animation: smooth phyllotaxis rotation with a pulsing wave from the center
🧲 Magnetic hover: points repel from the cursor and spring back elastically (works on touch too)
⚡ Adjustable speed: slow drift to fast spin
🔢 Density control: tune the number of points
📏 Dot size: scale points up or down
🎯 Hover radius and magnet force: dial in the interaction feel
🖼️ Background and corner radius: style the container
📐 Free resize: defaults to a 1:1 square, stays centered and circular at any size
