Pixage Gallery : Interactive Pixel Art Image Gallery with Hover Effects - Because Every photo's got more going on than you think

Pixage Gallery— Interactive Pixel Art Image Gallery for Framer

Turn static images into six different visual forms with a single hover. Pixage Gallery is a canvas-based Framer component that transforms any image between pixel art, LEGO, voxel, halftone, and comic-ink styles in real time — no external dependencies, no plugins, just drop it in and point it at your images.

What It Does

Most image galleries show one version of an image. Pixage Gallery shows six. Hover reveals a live pixelated, voxelized, or halftoned version of the same photo underneath — a genuine per-pixel transformation rendered on canvas, not a CSS filter or a pre-baked overlay.

Six Render Styles

• Clean — the original image, untouched
• Pixel — classic blocky pixel-art mosaic, with optional glossy finish
• LEGO — studded brick-texture rendering with realistic shading
• Voxel — quantized color blocks for a chunky, 3D-block look
• Halftone — newsprint-style dot pattern that scales with hover
• Comic — dotted ink-style silhouette over the base image

Mix styles per image, or set one pair of styles globally across the whole gallery.

Four Transition Modes

Click to move to the next image, and choose how it arrives:

• Wave — a rippling circular reveal from the click point
• Crossfade — a clean dissolve between images
• Dissolve — a jittered, cell-by-cell fade
• Morph — each cell exits in one style and enters in another, simultaneously

Built for Designers Who Tune Details

• Six easing curves, including a fully custom cubic bezier
• Adjustable hover radius, falloff, and max scale
• Pop-in intro animations: fade, build, or a tetris-style cell drop
• Matte or glossy cell finish
• Cell size, gap, and corner rounding for the exact grid look you want
• Supports both images and styled text as gallery items

Why It's Different

Most "pixel art" effects on Framer are static filters or one-shot transforms. Pixage Gallery runs a live per-pixel compute pass every frame — sampling real image data, not simulating it — so the hover effect responds to cursor position, distance falloff, and wave physics in real time. It's built on raw HTML canvas with zero external dependencies, and tuned specifically to stay smooth even on large image grids.

Ideal For

 

Portfolio sites, agency landing pages, product galleries, and any project where a static image grid needs one unmistakable moment of interactivity.