Sticker Peel Button

NewPremium

Button lifts off the page like a sticker being peeled. 3D perspective with shadow underneath and corner curl.

buttons3dpeelstickerperspectivehover

Installation

Terminalbash
npx motioncraft add sticker-peel-button

Usage

sticker-peel-button.tsxtsx
import { StickerPeelButton } from "@/components/buttons/premium-buttons";

<StickerPeelButton>
  Peel Me
</StickerPeelButton>

Props

PropTypeDefaultDescription
children*ReactNode—Button content
classNamestring—Additional CSS classes
onClick() => void—Click handler

Related Components

Shader Distortion Button

New

WebGL-powered button with GPU-computed water-warp distortion on hover. Real-time ripple displacement mapping.

Ink Bleed Button

New

Click triggers organic watercolor-like ink bleeding from the click point. Canvas-based fluid simulation with sub-drop spawning.

Cloth Button

New

Button surface simulates fabric using verlet integration physics. Cursor pushes dents into the cloth mesh.

Portal Button

New

Click tears open a spiraling vortex/wormhole from the click point. Organic distorted rings with center glow.