HoloButton

Show Preview
HoloButton

About HoloButton

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.

Styles Included

  • 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

Controls

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

Interactivity

  • 3D tilt based on cursor movement

  • Press/active animation for realistic depth

  • Dynamic lighting, glare, and holographic reflections

Best Use Cases

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.

Refund Policy

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.