Skip to content

component

HoloButton

By mehul

Details

Summary

HoloButton is a premium holographic / glassmorphism button component designed for modern interfaces.

Description

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.

Introduction

Premium holo CTA with 3D tilt

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400159088/148/228/309/79/15
  • All · #5908