HoloButton — Modern holo CTA with glow and tilt FX

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.