About this component

A card that behaves as if it exists in real gravity. Features physics-based weight, momentum, drag interaction, bounce on click, and dust particles. The card feels heavy with realistic contact shadows and spring physics.

Difficulty

Advanced

Style

Gravity / Physics

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/gravity-card.