HoloButton is a premium holographic / glassmorphism button component designed for modern interfaces. It includes multiple advanced visual styles, full typography control, customizable shadows, background overrides, ghost mode, and 3D tilt interactions that adapt smoothly to pointer movement.
Aurora - Soft, flowing rainbow holographic surface
Chrome - Ultra-reflective metallic chrome with conic-gradient lighting
Neon - Multi-color glowing CTA button with reactive highlights
Glass - VisionOS-style frosted glass with subtle internal glare
Glow Core - Bright central glow for standout actions
Visual
Style preset (Aurora / Chrome / Neon / Glass / Glow Core)
Tone: Primary or Secondary
Ghost mode (border-only / reduced fill)
Custom Background (optional override)
Custom Shadow (color, blur, spread, offset)
Padding X & Padding Y
3D tilt & interactive motion
Typography
Font (native Framer font selector)
Font size
Font color
Uppercase label toggle
3D tilt based on cursor movement
Press/active animation for realistic depth
Dynamic lighting, glare, and holographic reflections
Use HoloButton in:
Hero sections
Pricing CTA buttons
Login/signup forms
App dashboards
Landing pages with premium, futuristic UI themes
The button scales automatically-resize the frame freely, and the effect adapts to any layout.
Due to the nature of digital products, refunds are generally not available after purchase. Exceptions may be made for duplicate purchases or technical issues that cannot be resolved.
HoloButton is a premium holographic / glassmorphism button component designed for modern interfaces. It includes multiple advanced visual styles, full typography control, customizable shadows, background overrides, ghost mode, and 3D tilt interactions that adapt smoothly to pointer movement.
Aurora - Soft, flowing rainbow holographic surface
Chrome - Ultra-reflective metallic chrome with conic-gradient lighting
Neon - Multi-color glowing CTA button with reactive highlights
Glass - VisionOS-style frosted glass with subtle internal glare
Glow Core - Bright central glow for standout actions
Visual
Style preset (Aurora / Chrome / Neon / Glass / Glow Core)
Tone: Primary or Secondary
Ghost mode (border-only / reduced fill)
Custom Background (optional override)
Custom Shadow (color, blur, spread, offset)
Padding X & Padding Y
3D tilt & interactive motion
Typography
Font (native Framer font selector)
Font size
Font color
Uppercase label toggle
3D tilt based on cursor movement
Press/active animation for realistic depth
Dynamic lighting, glare, and holographic reflections
Use HoloButton in:
Hero sections
Pricing CTA buttons
Login/signup forms
App dashboards
Landing pages with premium, futuristic UI themes
The button scales automatically-resize the frame freely, and the effect adapts to any layout.
Due to the nature of digital products, refunds are generally not available after purchase. Exceptions may be made for duplicate purchases or technical issues that cannot be resolved.
mehul
