A premium interactive button component that responds to cursor movement with 3D perspective transforms. On hover, the button tilts toward the cursor while a holographic border shifts in real time, a specular light glint tracks the mouse position, and the text blooms with a soft glow. Ideal for hero sections, pricing CTAs, portfolio landing pages, and any high-impact touchpoint that needs to feel alive.
Cursor-reactive 3D perspective tilt with adjustable intensity
Holographic gradient border that shifts angle based on cursor position
Specular glint highlight that follows the mouse across the button surface
Dynamic shadow that shifts direction with the tilt angle
Content lift, holographic text glow, and elastic icon scale on hover
Concentric expanding ring ripple on click
Five curated color presets plus a fully customizable theme
Eight built-in icon options with left or right placement
Spring-physics press animation on click
Label
Link
Preset (Prism, Solar, Ocean, Neon, Monochrome, Custom)
Icon (None, Arrow Right, Arrow Diagonal, Chevron, Plus, Sparkle, Lightning, Star)
Icon Side (Left / Right)
Background
Border Color 1
Border Color 2
Text
Glint Highlight
3D Tilt (0-25 degrees)
Hover Glow (On / Off)
Click Ripple (On / Off)
Padding X
Padding Y
Radius
Font Size
Font
Hero section call-to-action buttons that demand attention
SaaS and product landing page conversion buttons
Portfolio and agency sites seeking a premium interactive feel
Pricing page CTAs where perceived quality drives clicks
Drop it onto your canvas, pick a preset, and ship a button that feels handcrafted — in under a minute.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au
Aidan Looker
