HoloButton
A holographic glass button with Aurora, Chrome, Neon, Glass and Glow styles, tone control, ghost mode, custom fonts, and smooth 3D motion effects for modern dark UI layouts.
Make it with Workshop
Build your own component with AI
A holographic glass button with Aurora, Chrome, Neon, Glass and Glow styles, tone control, ghost mode, custom fonts, and smooth 3D motion effects for modern dark UI layouts.
Make it with Workshop
Build your own component with AI
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.
If you experience any issues with the component or it does not work as described, you can request a refund within 7 days of purchase.Simply contact me with your order ID and I’ll be happy to help.
