About this component

A high-energy card with a spinning vortex at its center that creates a suction effect. Hovering increases the vortex speed, pulling surrounding particles inward. Clicking reverses the vortex direction, creating an explosion effect that scatters particles outward.

Difficulty

Advanced

Style

Spin / Rotation / Flip

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/vortex-suction-card.