Editors’ pick · this week
How to create flexible CMS detail pages
Official Help on conditionals (Is Set, option fields, toggles) so detail templates adapt to each item’s content.
FRAMER · CMS DIRECTORY116 curated
Every good Framer CMS tutorial, in one place.
A small, hand-picked directory. We read everything that gets submitted, keep what holds up in real projects, and group it so you can find what you need without scrolling through a hundred tabs.
116Curated resources
112Free to read
8Topics
7New this week
Featured
Learn Framer CMS in 7 Minutes
Fast community walkthrough that builds a dynamic portfolio: collections, fields, detail pages, conditional visibility, and lists.
Featured
Framer URL structure explained
BRIX deep dive into static vs CMS URLs, slug rules, static segments, redirects, and hierarchy limits.
ArticleBeginnerFREE
Framer CMS Tutorial: Collections, Fields and Dynamic Pages
Clear written workflow from empty project to working CMS — fields, detail templates, and collection lists in about thirty minutes.
diversekit.com·12 min
ArticleIntermediateFREE
Framer CMS Deep Dive: Collections, Dynamic Pages, and Limits
Production-minded guide covering collections, relational patterns, on-page editing, and when Framer CMS hits its ceiling versus headless.
techvinta.com·14 min
ArticleBeginnerFREE
Design Champs blog (Jesse Showalter)
Jesse’s Design Champs blog hub — recurring Framer build tips adjacent to CMS course content.
designchamps.io·5 min
ArticleBeginnerFREE
How to Build Dynamic Content-Driven Websites Without Code
LaunchNow walkthrough of collections, binding, and real-time updates for content-driven Framer sites.
launchnow.design·12 min
VideoBeginnerFREE
Learn Framer CMS in 7 Minutes
Fast community walkthrough that builds a dynamic portfolio: collections, fields, detail pages, conditional visibility, and lists.
youtube.com/@DesignWithArash·7 min
ArticleIntermediateFREE
Comprehensive Guide for Framer CMS
FrameSpark guide covering setup, references, filters, sorting, and pagination for scalable Framer CMS sites.
framespark.io·15 min
ArticleIntermediateFREE
Using Markdown in the CMS
Official Help on pasting Markdown into rich text, copying CMS content as Markdown, and how links are normalized.
framer.com/help·5 min
ArticleIntermediateFREE
Center images in a CMS formatted text field
Official method to center images that appear inside CMS formatted text using custom CSS.
framer.com/help·4 min
ArticleIntermediateFREE
Style bold text color in CMS formatted text
Help article for controlling bold text color inside CMS formatted text via text styles or custom CSS.
framer.com/help·4 min
ArticleIntermediateFREE
Using images with unique aspect ratios in the CMS
Help guide for displaying CMS images at their natural aspect ratios instead of forcing one crop everywhere.
framer.com/help·5 min
ArticleBeginnerFREE
Dictionary: Multi-reference field
Official dictionary definition of multi-reference fields that store links to multiple CMS records.
framer.com/dictionary·2 min
VideoBeginnerFREE
CMS collections, items & fields
Official deep dive into the schema layer: how collections, items, and field types fit together before you touch the canvas.
framer.com/academy·6 min
ArticleIntermediateFREE
Add another CMS collection to a CMS detail page
Official guide to placing additional collection lists on a detail page for related content and connected data.
framer.com/help·5 min
ArticleIntermediateFREE
Add video components to your CMS pages
Help article for YouTube/Vimeo/self-hosted video on detail pages, CMS URL fields, and hiding empty players.
framer.com/help·6 min
ArticleIntermediateFREE
How to create flexible CMS detail pages
Official Help on conditionals (Is Set, option fields, toggles) so detail templates adapt to each item’s content.
framer.com/help·8 min
ArticleIntermediateFREE
Duplicate a CMS page and connect it to a different collection
Reuse an existing CMS detail design with another collection instead of rebuilding the template.
framer.com/help·4 min
ArticleBeginnerFREE
How to style links for a CMS detail page
Official styling guidance for links inside CMS detail pages so body copy stays consistent and readable.
framer.com/help·4 min
ArticleBeginnerFREE
Why an element appears on all CMS pages
Troubleshooting Help for static layers that incorrectly repeat on every CMS detail page instead of binding per item.
framer.com/help·3 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
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
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
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
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
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
VideoBeginnerFREE
Adding a Locale in Framer
Academy lesson on adding locales, AI translation, tone controls, and batch translating content.
framer.com/academy·5 min
ArticleIntermediateFREE
White Label Framer: How Agencies Scale Client Projects
Agency workflow article on white-label Framer delivery — relevant when CMS handoff and repeatable systems matter.
launchnow.design·9 min
ArticleAdvancedFREE
How to Use a Headless CMS With Framer
LaunchNow overview of Contentful, Sanity, Strapi, and Hygraph patterns for content-rich Framer sites.
launchnow.design·11 min
ArticleAdvancedFREE
Automate Framer CMS inventory via Google Sheets + Make
DEV Community walkthrough syncing spreadsheet inventory into Framer CMS with Make.com for live catalogs.
dev.to·11 min
ArticleAdvancedFREE
Build a Framer careers page with Lever
BRIX guide: Fetch vs Make CMS Sync vs Server API to turn Lever jobs into Framer CMS careers pages.
brixtemplates.com·12 min
ArticleIntermediateFREE
Framer Notion Integration: A Complete Guide
Practical guide to syncing Notion databases into Framer CMS, mapping properties, and designing templates once.
framerwebsites.com·10 min
ArticleIntermediateFREE
Google Sheets Sync for Framer CMS
Marketplace plugin by Reem Magdi that maps a public Google Sheet into a CMS collection — auto field detection, quick re-sync, free tier for small lists.
framer.com/marketplace·6 min
ArticleIntermediateFREE
Ashby plugin — sync jobs into Framer CMS
Marketplace plugin that syncs Ashby job listings into CMS collections for branded careers pages.
framer.com/marketplace·5 min
ArticleIntermediateFREE
Lever plugin for Framer CMS
Marketplace Lever integration for syncing postings into Framer CMS careers experiences.
framer.com/marketplace·5 min
ArticleIntermediateFREE
Greenhouse plugin for Framer CMS
Marketplace plugin connecting Greenhouse jobs to Framer CMS collections.
framer.com/marketplace·5 min
ArticleAdvancedFREE
Contentful plugin for Framer CMS
Marketplace plugin for connecting Contentful spaces to Framer when you need a headless content layer.
framer.com/marketplace·5 min
ArticleAdvancedFREE
Sanity plugin for Framer CMS
Marketplace plugin connecting Sanity content to Framer for structured, developer-friendly content ops.
framer.com/marketplace·5 min
ArticleIntermediateFREE
Social share buttons for Framer CMS blog posts
BRIX guide to Open Graph per CMS item plus Code Overrides for share actions.
brixtemplates.com·10 min
ArticleBeginnerFREE
Framer Help: SEO hub
Index of official SEO Help articles — the map for sitemaps, metadata, crawl issues, and more.
framer.com/help·4 min
ArticleAdvancedFREE
Infinite scrolling and SEO
Official guidance on crawl risks with infinite scroll and mitigations: internal links, prev/next, HTML sitemaps.
framer.com/help·6 min
ArticleIntermediateFREE
Fixing uncrawlable overlay content
Help article explaining why links only inside overlays become orphan pages — and how to keep CMS routes discoverable.
framer.com/help·5 min
ArticleAdvancedFREE
Framer CMS SEO: Optimize Every Collection Page
RankFrame playbook for dynamic meta tags, schema, alt text, sitemaps, and topical authority on CMS pages.
rankframe.com·13 min
ArticleBeginnerFREE
How to access your sitemap.xml
Official Help: Framer auto-generates sitemap.xml — how to find it and submit it to search tools.
framer.com/help·3 min
ArticleAdvancedFREE
Advanced multi-criteria CMS search with code overrides
DEV Community guide to building multi-field marketplace filters over Framer CMS with custom code overrides.
dev.to·12 min
ArticleAdvancedFREE
Framer Developers: CMS
Official developers documentation for working with CMS concepts from the code side of Framer.
framer.com/developers·8 min
ArticleIntermediateFREE
Components introduction
Official developers intro to Framer components — foundation for overrides and CMS-aware code components.
framer.com/developers·10 min
ArticleAdvancedFREE
Code Overrides introduction
Official developer intro to overrides — higher-order components that tweak layers in preview and production, plus when you should use Effects/Components/Fetch instead.
framer.com/developers·8 min
VideoIntermediateFREE
Components (Academy)
Academy lesson on Framer components — the design-side counterpart to developer component docs.
framer.com/academy·8 min
ArticleAdvancedFREE
Filter Framer CMS items by today’s date
Framer Labs Substack: code override pattern to show upcoming events only using a dynamic Today variable.
framerlabs.substack.com·8 min