Shadcn.io is not affiliated with official shadcn/ui
Pixel Image
Grid-based image reveal with pieces fading in like a mosaic for React
Your image splits into a grid and the pieces fade in one by one in a staggered pattern. There's an optional grayscale-to-color transition where pieces appear in black and white first, then shift to full color once assembled. Makes images feel more intentional than just appearing. Good for hero images, portfolio work, or anywhere you want the image itself to be a moment.
Pixel Image preview
Scroll to load preview
Installation
Related Components
Motion Effect
Scroll reveal animations
Image Zoom
Click-to-expand images
Apple Cards Carousel
Progressive image loading
Flickering Grid
Grid-based animation
FAQ
Was this page helpful?
Sign in to leave feedback.