Utilizing collection lists in Framer
Official lesson on repeating indexes: insert a collection list, bind card fields, then sort, filter, limit, and paginate.
Why we picked it
Indexes are half of every CMS site. This Academy lesson covers inserting lists, binding cards, and the content controls (sort, filter, pagination, limit) you will use constantly.
What you’ll learn
- Insert a collection list from the Insert panel
- Bind card elements to CMS fields with Set Variable
- Sort, filter, limit, and paginate list content
- Link list cards through to CMS detail pages
Who it’s for
Builders creating blog indexes, portfolio grids, or any multi-item listing page.
Open this video at the source
framer.com/academy
Related tutorials
More from design patterns and other intermediate resources3 picks
How to add dynamic filters to CMS lists
Help Center guide to interactive filters — search, tabs, toggles, dropdowns, and checkboxes on published collection lists.
Framer CMS Tutorial: Build a Blog or Portfolio
Step-by-step 2026 article for shipping a blog or portfolio: collections, fields, detail pages, lists, filters, and CMS SEO basics.
CMS templates on the Framer Marketplace
Browse remixable CMS-ready blogs, portfolios, and directories — start from a working collection schema instead of a blank canvas.