Heart Cursor 💜

Heart Cursor 💜 is a cursor effect in the UI HUB cursor effects collection. An SVG heart cursor that pulses gently and leaves expanding circular ripples on a transparent canvas. On click, spawns a burst of mini hearts. Scales up on interactive element hover.

The component is driven by 4 documented props (color, size, rippleColor, trailInterval), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: SVG heart path rendering; Canvas ripple system (expanding circles with fade); Periodic ripple spawning every trailInterval ms.

Preview the cursor effect in the browser above, copy the source, and paste it into your project. Cursor Effects components in UI HUB are grouped by category so you can compare effects side by side before choosing one.