Design Patterns

Reusable layout patterns for collection lists, filterable indexes, and content-heavy pages.

24 tutorials22 free2 paid

Free resources

22
VideoIntermediateFREE

Utilizing collection lists in Framer

Official lesson on repeating indexes: insert a collection list, bind card fields, then sort, filter, limit, and paginate.

framer.com/academy·9 min
ArticleIntermediateFREE

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.com/help·8 min
ArticleBeginnerFREE

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.

shaheermalik.com·18 min
TemplateBeginnerFREE

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.

framer.com/marketplace·template
ArticleBeginnerFREE

Limiting the number of visible CMS items

Help article on capping how many CMS items a list shows — featured rows, homepages, and teaser grids.

framer.com/help·3 min
ArticleIntermediateFREE

Empty States in CMS Lists

Product update on empty states so filtered or empty collection lists show a designed message instead of a blank hole.

framer.com/updates·3 min
ArticleIntermediateFREE

CMS Pagination update

Official update covering pagination for large CMS lists so indexes stay fast and crawlable.

framer.com/updates·3 min
ArticleIntermediateFREE

Dynamic Filters for CMS

Product announcement for Dynamic Filters — search, tabs, toggles, dropdowns, and checkboxes wired to page variables.

framer.com/updates·4 min
ArticleIntermediateFREE

Framer Dynamic Filters: The Complete Guide (2026)

Community deep guide to every dynamic filter type, setup steps, stacking filters, and URL query parameters.

allaboutframer.com·12 min
VideoBeginnerFREE

Add dynamic filtering to a Framer CMS

44-second Jesse Showalter tip: select the list, pick a dynamic filter type, place the control anywhere, ship.

youtube.com/@JesseShowalter·1 min
ArticleBeginnerFREE

How to Set Up a Blog in Framer

LaunchNow guide from CMS structure through listing page, post template, categories, and SEO config.

launchnow.design·12 min
ArticleIntermediateFREE

Reusable CTA blocks inside Framer CMS blog posts

How to insert Canvas components into formatted CMS text, plus reference-based CTA libraries.

brixtemplates.com·9 min
TemplateBeginnerFREE

CMS-ready Blog templates on Framer Marketplace

Browse Marketplace blog templates that ship with collections, indexes, and detail pages prewired.

framer.com/marketplace·4 min
TemplateBeginnerFREE

CMS-ready Portfolio templates

Marketplace portfolio templates with project collections and case-study detail pages.

framer.com/marketplace·4 min
TemplateBeginnerFREE

CMS-ready Agency templates

Agency Marketplace templates often include case studies, services, and team CMS collections.

framer.com/marketplace·4 min
TemplateBeginnerFREE

CMS-ready SaaS templates

SaaS Marketplace templates pairing marketing pages with CMS for changelogs, blogs, or customers.

framer.com/marketplace·4 min
TemplateIntermediateFREE

Directory templates with CMS

Marketplace directory templates built around filterable CMS listings.

framer.com/marketplace·4 min
TemplateIntermediateFREE

Ecommerce templates with CMS catalogs

Marketplace ecommerce templates that use CMS (or commerce plugins) for product-style listings.

framer.com/marketplace·4 min
TemplateIntermediateFREE

Real estate templates with CMS listings

Marketplace real-estate templates using CMS for property cards, filters, and detail pages.

framer.com/marketplace·4 min
TemplateBeginnerFREE

Changelog templates powered by CMS

Marketplace changelog templates that treat releases as CMS items.

framer.com/marketplace·3 min
TemplateBeginnerFREE

Events templates with CMS schedules

Marketplace events templates that model talks, speakers, and schedules as CMS collections.

framer.com/marketplace·4 min
TemplateBeginnerFREE

Nonprofit templates with CMS stories

Marketplace nonprofit templates using CMS for programs, stories, and impact updates.

framer.com/marketplace·4 min

Paid resources

2
CourseIntermediateCourse

Dynamic Filters (Insert Frame) — Airbnb-style listings

Ryan builds search, dropdowns, tabs, toggles, checkboxes, Clear Filters, and shareable URL params on a property listing.

school.insertframe.io·8 min
CourseIntermediateCourse

Adding Search to CMS content (Insert Frame)

Lesson on Framer’s search component scoped to CMS content with styling tricks for a custom bar.

school.insertframe.io·6 min

Other collections