---
title: "Hologram Button — Framer component · Best of Framer"
description: "$5.00 · Framer component · by JIetForce · Buttons. About this Component Hologram Button is a premium interactive CTA component for Framer."
canonical: "https://framer.elliotli.dev/component/hologram-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Hologram Button

# Hologram Button

Sci-fi terminal CTA with glitch hover

[View on Framer](https://framer.com/marketplace/components/hologram-button/?via=elliot-li)

![Hologram Button preview image 1](https://framer.elliotli.dev/og/component/hologram-button/4a6159d55ad33955/1600x1200.jpg)

## Summary

About this Component Hologram Button is a premium interactive CTA component for Framer.

## Description

## About this Component

Hologram Button is a premium interactive CTA component for Framer. It combines a glitching character scramble on hover, CRT scanline overlay, and a responsive grid backdrop to create an unmistakably futuristic terminal aesthetic. The optional typewriter click response and corner bracket frame complete the sci-fi experience. Perfect whenever a regular flat button feels too ordinary.

### Key Features

-   Hover glitch effect that randomly scrambles button text characters using a curated symbol set, creating an authentic digital-terminal feel.
    
-   CRT scanline overlay with adjustable opacity for a vintage display aesthetic that adds depth and atmosphere.
    
-   Responsive grid background that reinforces the holographic projection look without distracting from the label.
    
-   Optional typewriter click message that prints a custom response character-by-character, ideal for form submissions or confirmation states.
    
-   Spring-physics hover and tap animations for a tactile, responsive feel.
    
-   Fully customizable via Framer property controls: hologram color, grid color, scanline opacity, glitch intensity, background color, text color, corner radius, and click message.
    
-   Optimized for the Framer editor: heavy motion is disabled on the Canvas so your project stays fast and responsive while designing.
    
-   Works with any background and adapts nicely to different sizes and layouts.
    

### Where to Use

-   Primary CTAs in dark, futuristic landing pages where a standard button would break the immersive aesthetic.
    
-   Cyberpunk and sci-fi portfolio sites that need interface elements with genuine character.
    
-   Tech product launches and SaaS dashboards aiming for a premium, cutting-edge impression.
    
-   Gaming, crypto, and Web3 projects where the UI should feel like a control panel.
    
-   Form submission buttons that benefit from a satisfying confirmation typewriter effect.
    
-   Any project where you want to add a single high-impact motion element without bloating the rest of the design.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #9994

## Details

- **Author**: JIetForce
- **Price**: $5.00
- **Published**: 2026-05-04
- **Updated**: 2026-05-05
- **Added**: 2026-05-01
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything