Reveal Grid

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Get everything for one price: https://ahmetloca.dub.link/allcomponents

About Reveal Grid

RevealGrid is an animated portfolio grid component for Framer. Each card opens with a cursor-tracked circular reveal that originates exactly where your mouse enters creating a fluid, editorial interaction that feels intentional and alive. Category, title and description stagger in with a smooth slide-up motion, followed by an animated left-to-right divider line.

Choose between Paper and Glass themes for any brand direction. Fully responsive: desktop supports up to four columns, tablet adapts automatically, and mobile collapses to a clean vertical stack under 600px. Demo Mode lets you tweak columns, gap and hover speed live on the canvas.

Features

Smooth cursor-tracked circular reveal on hover Staggered slide-up animation: category, title and description Animated left-to-right signature divider line Paper and glass themes — light and dark ready Soft image scale on hover Fully responsive — vertical stack on mobile under 600px Tablet layout with independent column count Demo Mode — live sliders for columns, gap and speed 5 customizable cards: title, category, year, description and image Full property controls: font, columns, gap, hover speed and theme

Use Cases

Portfolio & personal branding websites

Creative agency & studio pages

Architecture & interior design portfolios

Photography & visual storytelling sites

Fashion & lifestyle landing pages

Editorial & magazine-style layouts

Product showcase & feature sections

SaaS marketing & feature highlight pages

Keywords

reveal grid, hover reveal card, circular reveal, portfolio grid, image card hover, cursor reveal animation, editorial card grid, staggered text animation, paper theme, glass theme, card gallery, hover animation, portfolio gallery, card component, responsive grid, image grid hover, card reveal effect