---
title: "PixelTransitionCard — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Avesh Mishra · Cards. Stylish pixelated Reveal Card"
canonical: "https://framer.elliotli.dev/component/pixeltransitioncard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/PixelTransitionCard

# PixelTransitionCard

Stylish pixelated Reveal Card

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

![PixelTransitionCard preview image 1](https://framer.elliotli.dev/og/component/pixeltransitioncard/2a02496da788ae26/1600x1200.jpg)

## Summary

Stylish pixelated Reveal Card

## Description

The **Pixelated Reveal Card** brings a bold, digital-inspired transition effect to your Framer projects. When triggered, the card uses a grid of square pixels that appear in random order, covering the surface before smoothly revealing the alternate content.

-   **Interactive Behavior**
    
    -   On desktop: reveal triggers on hover enter and revert on hover leave.
        
    -   On mobile: toggle reveal with a tap.
        
    -   The transition feels crisp, playful, and modern — no fades or blurs, just a clean pixel swap.
        
-   **Customizable Controls**
    
    -   **First Content / Second Content**: Add any layer, text, image, or component.
        
    -   **Grid Size**: Choose how many pixels (default 7×7, adjustable 2–20).
        
    -   **Pixel Color**: Match your brand style.
        
    -   **Animation Duration**: Control how fast the transition runs (default 0.3s).
        
    -   **Aspect Ratio**: Set flexible dimensions (1:1, 16:9, etc.).
        
    -   **Background / Border / Radius**: Style the card to fit seamlessly into your design.
        
    -   **Trigger Mode**: Auto-detect, hover, or tap.
        
-   **Use Cases**
    
    -   Product reveal cards
        
    -   Portfolio galleries
        
    -   Interactive hero sections
        
    -   Any creative swap between two visual states
        
-   **Responsive & Lightweight**
    
    -   Works across screen sizes with aspect-ratio support.
        
    -   Runs efficiently with randomized staggered animations.
        

Add a **pixel-perfect interactive twist** to your site — your users will love the playful reveal effect.

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

-   All · #6136

## Details

- **Author**: Avesh Mishra
- **Price**: $15.00
- **Published**: 2025-10-01
- **Updated**: 2026-04-09
- **Added**: 2025-09-24
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards