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
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
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
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
