---
title: "Pixel CTA Button — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Karim Saif · Buttons. Bring a playful, retro-inspired interaction to your Framer projects with Pixel CTA Button, a high-performance call-to-action component…"
canonical: "https://framer.elliotli.dev/component/pixel-cta-button"
---

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

# Pixel CTA Button

Dynamic pixel perimeter

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

![Pixel CTA Button preview image 1](https://framer.elliotli.dev/og/component/pixel-cta-button/54660ea06b529fda/1600x1054.jpg)

## Summary

Bring a playful, retro-inspired interaction to your Framer projects with Pixel CTA Button, a high-performance call-to-action component featuring a dynamic pixel perimeter that…

## Description

Bring a playful, retro-inspired interaction to your Framer projects with **Pixel CTA Button**, a high-performance call-to-action component featuring a dynamic pixel perimeter that reacts beautifully to hover and focus.

## Great For

-   Portfolio websites
    
-   Creative agency websites
    
-   Product landing pages
    
-   SaaS websites
    
-   Developer portfolios
    
-   Gaming and entertainment websites
    
-   Experimental and interactive websites
    
-   Personal websites
    
-   Hero sections and conversion-focused CTAs
    
-   Retro, pixel-art, and playful interfaces
    

## Features

### 🎮 6 Interactive Pixel Presets

Choose from six built-in hover animations:

-   **Random Jitter** — randomized pixel movement for an energetic feel
    
-   **Pixel Burst** — a radial burst that expands toward the button perimeter
    
-   **Pixel Wave** — flowing color movement around the button
    
-   **Pixel Blink** — alternating pixel patterns for a sharp digital effect
    
-   **Pixel Pulse** — smooth breathing opacity animation
    
-   **Pixel Chase** — a moving pixel trail around the perimeter
    

### ⚡ Performance Focused

The animation engine updates the pixel elements directly through DOM references and `requestAnimationFrame`, avoiding React re-renders during animation frames.

## Customize It Your Way

Make the button fit your brand in seconds.

**Colors:** Create your own pixel palette with up to five independent accent colors.

**Animation:** Pick from six different interaction styles and control their intensity.

**CTA:** Change the label, destination, new-tab behavior, and accessibility label.

**Cursor:** Add a custom cursor tag for websites using custom cursor implementations.

## Support

Need help, found a bug, or have an idea for an improvement?

I'd love to hear from you.

**Email:** [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com)

**X:** [@karimsaif0](https://x.com/karimsaif0?utm_source=chatgpt.com)

Feel free to reach out with questions, feedback, or suggestions.

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

-   All · #5137

## Details

- **Author**: Karim Saif
- **Price**: $5.00
- **Published**: 2026-08-25
- **Updated**: 2026-09-16
- **Added**: 2026-08-25
- **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