---
title: "Portfolio Roladex — Framer component · Best of Framer"
description: "$5.00 · Framer component · by itserastus · Accordions. LIST / GRID portfolio index"
canonical: "https://framer.elliotli.dev/component/portfolio-roladex"
---

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/Portfolio Roladex

# Portfolio Roladex

LIST / GRID portfolio index

[View on Framer](https://framer.com/marketplace/components/portfolio-roladex/?via=elliot-li)

![Portfolio Roladex preview image 1](https://framer.elliotli.dev/og/component/portfolio-roladex/31b424c8a278156a/1600x1200.jpg)

## Summary

LIST / GRID portfolio index

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1187

## Details

- **Author**: itserastus
- **Price**: $5.00
- **Published**: 2026-08-06
- **Updated**: 2026-09-21
- **Added**: 2026-08-06
- **Categories**: Accordions

## More like this

-   [Fold Rows](/component/fold-rows) — H SHIFT WORKS · Free — Accordion for FAQs and services
-   [FaqX Faq Accordion](/component/faqx-faq-accordion) — Themomarket · $8 — Accordion FAQ Section
-   [FAQ - Minimal](/component/faq-minimal) — VectorFlow Studio · $3 — Interactive dark mode FAQ stack
-   [FAQ Accordion Search](/component/faq-accordion-search) — Russet Supply · $5 — Searchable FAQ accordion with categories