About Component
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
Event & conference websites
Freelancer & consultant profile pages
Keywords
reveal grid, hover reveal card, circular reveal framer, portfolio grid framer, image card hover, cursor reveal animation, editorial card grid, staggered text animation, paper theme framer, glass theme framer, card gallery framer, hover animation framer, portfolio gallery framer, framer card component, responsive grid framer, image grid hover, card reveal effect, interactive grid, animated portfolio, portfolio component
About Component
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
Event & conference websites
Freelancer & consultant profile pages
Keywords
reveal grid, hover reveal card, circular reveal framer, portfolio grid framer, image card hover, cursor reveal animation, editorial card grid, staggered text animation, paper theme framer, glass theme framer, card gallery framer, hover animation framer, portfolio gallery framer, framer card component, responsive grid framer, image grid hover, card reveal effect, interactive grid, animated portfolio, portfolio component
Ahmet Loca
