A production-ready portfolio work index for Framer. Switch between LIST and GRID, expand any row for description and preview image, and link each project to its case-study page - all from the properties panel.
Built for architects, studios, agencies, and editorial portfolios that need a calm, high-end index instead of a generic card grid.
What's included
LIST view with expandable rows and smooth open/close motion
GRID view for a denser project overview
Per-project fields: order, title, subtitle, term, location, description, award, link, preview image
Color + typography controls (title, meta, description)
Reduced-motion and canvas-safe behavior
Up to 12 projects via Array controls
How to use
1. Paste the code component into your Framer project
2. Replace the demo projects with your own content
3. Upload preview images and set project links
4. Match colors/fonts to your site tokens
Perfect for /work indexes, studio archives, and case-study hubs.
A production-ready portfolio work index for Framer. Switch between LIST and GRID, expand any row for description and preview image, and link each project to its case-study page - all from the properties panel.
Built for architects, studios, agencies, and editorial portfolios that need a calm, high-end index instead of a generic card grid.
What's included
LIST view with expandable rows and smooth open/close motion
GRID view for a denser project overview
Per-project fields: order, title, subtitle, term, location, description, award, link, preview image
Color + typography controls (title, meta, description)
Reduced-motion and canvas-safe behavior
Up to 12 projects via Array controls
How to use
1. Paste the code component into your Framer project
2. Replace the demo projects with your own content
3. Upload preview images and set project links
4. Match colors/fonts to your site tokens
Perfect for /work indexes, studio archives, and case-study hubs.
