Momentum Button
NewPremiumButton maintains physics inertia after cursor leaves. Flick the cursor across it and watch it continue moving with realistic momentum and spring-back.
buttonsphysicsmomentuminertiavelocityspring
Installation
Terminalbash
npx motioncraft add momentum-buttonUsage
momentum-button.tsxtsx
import { MomentumButton } from "@/components/buttons/premium-buttons";
<MomentumButton>
Flick Me
</MomentumButton>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children* | ReactNode | — | Button content |
| className | string | — | Additional CSS classes |
| onClick | () => void | — | Click handler |
Related Components
Cloth Button
NewButton surface simulates fabric using verlet integration physics. Cursor pushes dents into the cloth mesh.
Shader Distortion Button
NewWebGL-powered button with GPU-computed water-warp distortion on hover. Real-time ripple displacement mapping.
Ink Bleed Button
NewClick triggers organic watercolor-like ink bleeding from the click point. Canvas-based fluid simulation with sub-drop spawning.
Portal Button
NewClick tears open a spiraling vortex/wormhole from the click point. Organic distorted rings with center glow.