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
Design Patterns
Reusable layout patterns for collection lists, filterable indexes, and content-heavy pages.
47 tutorials45 free2 paid
Free resources
45
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
ArticleBeginnerFREE
The Ultimate Guide for Mastering Framer Components
A written guide to Framer components, covering variants, variables, hover/pressed states, inheritance, and interactivity between variants.
segmentui.com·15 min
VideoIntermediateFREE
Framer Update: Forms
Official Framer walkthrough for building fully functional, native forms with 10+ input types, custom styling, and email/Sheets/webhook connections.
youtube.com/@Framer·17 min
VideoIntermediateFREE
Learn Framer Scroll Animations in 13 Minutes
A concise Framer University tutorial on sticky positioning and scroll-section triggers that create polished scroll animations with no code.
youtube.com/@frameruniversity·13 min
ArticleIntermediateFREE
The Complete Guide to Framer Website Design in 2026
A comprehensive agency walkthrough of what Framer is, why teams choose it, and how its visual editor, components, CMS, and interactions fit together for production sites.
framerwebsites.com·19 min
ArticleIntermediateFREE
Framer Components: A Complete Guide for 2026
Explains how Framer components, variants, and properties work like a real design system, plus when to use visual vs code components.
framerwebsites.com·11 min
ArticleIntermediateFREE
Framer Animations: The Complete Guide for 2026
Deep dive into Framer's variant-and-trigger animation model: appear effects, scroll animations, hover, page transitions, text, and component-level motion.
framerwebsites.com·20 min
ArticleBeginnerFREE
How to Build a Fully Responsive Website in Framer
A practical 2026 responsive-design walkthrough covering breakpoints, fluid type, stack-based layouts, and mobile-first components like navbars, heroes, and forms.
allaboutframer.com·13 min
ArticleBeginnerFREE
How to create anchor links between pages in Framer
Learn to use Framer's Scroll Targets to link a button on one page directly to a specific section on another, avoiding the common hack of manual hash URLs.
brixtemplates.com·9 min
ArticleIntermediateFREE
Framer Components: How to Build a Design System
A practical walkthrough of Framer components, variants, properties, component libraries, and how they connect to design tokens and CMS content.
launchnow.design·11 min
ArticleBeginnerFREE
Framer Breakpoints: A Guide to Responsive Design
Explains Framer's desktop-first breakpoint system, auto-layout stacks, responsive typography, images, and common mobile navigation patterns.
launchnow.design·10 min
ArticleBeginnerFREE
Framer for Landing Pages: How to Build High-Converting Pages Without Code
A conversion-focused guide to landing pages in Framer, including hero design, CTA placement, scroll triggers, form optimization, A/B testing, and performance.
launchnow.design·14 min
ArticleIntermediateFREE
Framer Micro-Interactions That Actually Convert: A Designer's Guide
A design-focused look at micro-interactions in Framer—button hovers, card lifts, scroll animations, and form feedback—that guide users toward conversion.
launchnow.design·23 min
ArticleIntermediateFREE
Stop Wasting Engineering Cycles on Landing Pages: The Framer Playbook for Startups
A founder-focused guide to keeping the core product in Next.js while offloading marketing pages to Framer, complete with next.config.js rewrites and the Framer Startup Program.
dev.to·5 min
CourseBeginnerFREE
LottieFiles for Framer Certification
A short beginner course on adding, customizing, and triggering Lottie animations inside Framer — and earning an official LottieFiles certification.
designchamps.io·27 min
VideoIntermediateFREE
How to Build a Filterable Portfolio Grid in Framer (Step-by-Step)
Step-by-step build of a category-filtered portfolio grid using CMS collection lists and on-page filter controls.
youtube.com/@EdwardCreates·11 min
VideoIntermediateFREE
Building an Expanding Article Stack
Framer Academy tutorial that builds a collapsible article stack in a hero section, pulling live content from a CMS collection.
framer.com/academy·13 min
VideoBeginnerFREE
Learn Framer's Dynamic Filters
Framer University video that walks through adding search, tabs, toggles, and other dynamic filters to a Framer CMS collection list.
framer.university·21 min
ArticleIntermediateFREE
Best Framer Templates with Parallax Scrolling
Framebite rounds up parallax-ready Framer templates and explains how layered scroll motion works, with real site examples and tips for building cinematic pages without code.
framebite.com·9 min
ArticleBeginnerFREE
How to Customize a Framer Template: Beginner Walkthrough
A full customization checklist from importing a purchased template to publishing: assets, colors, fonts, images, responsive breakpoints, and a final pre-launch SEO pass.
diversekit.com·10 min
ArticleBeginnerFREE
How I built my first Framer site and made a free component pack!
A first-person story of moving from Figma to a live Framer site, tackling forms, animations, and reusable components, and turning the result into a free component pack.
medium.com/design-bootcamp·4 min
ArticleBeginnerFREE
Top 10 Framer Components to Instantly Elevate Your Website User Experience
A curated list of Framer components for navigation, hero sections, scroll animations, forms, CMS-powered blogs, and performance-friendly media.
dev.to·8 min
TemplateBeginnerFREE
Business Website Templates on Framer Marketplace
Browse responsive business website templates on the Framer Marketplace, with pre-built layouts and editable components for professional small-business sites.
framer.com/marketplace·template
ArticleBeginnerFREE
Here’s the Clear-Cut Way to Build a Component in Framer
A UX Collective guide to building reusable components in Framer: identifying elements, creating variables, managing variants, and exposing them in parent components.
uxdesign.cc·7 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