Get Started

Get Started

Get Started

Beginner Tutorial

Learn how to make your first website in just 10m.

Videos

Learn how to kickstart your next web project.

Documentation

Hit CMD + F or CTRL + F to search per topic.

Videos

Top

Get Started with Framer

May 2022

Layout Tool: Intro

May 2022

Overlays

April 2022

The Framer CMS

May 2022

Publishing Prototypes

March 2022

CSS Styles

February 2022

Fixed Sidebars

February 2022

Viewport Pinning

February 2022

3D Effects

January 2022

Responsive Navigation Bar

January 2022

70

Articles

Use CMD + F or CTRL + F to search.

Top

Convert Prototyping Projects to Sites

Beginner

Article

Convert Prototyping Projects to Sites

Beginner

Article

How to add a CDN to my site

Beginner

Article

How to add a CDN to my site

Beginner

Article

How to add a custom class or id to an element

Pro

Article

How to add a custom class or id to an element

Pro

Article

How to add breakpoints for text styles

Beginner

Article

How to add breakpoints for text styles

Beginner

Article

How to create a 404 not found page

Beginner

Article

How to create a 404 not found page

Beginner

Article

How to create a custom form

Beginner

Article

How to create a custom form

Beginner

Article

How to create a mobile hamburger navigation

Beginner

Article

How to create a mobile hamburger navigation

Beginner

Article

How to create graphics / SVGs / logos in Framer

Beginner

Article

How to create graphics / SVGs / logos in Framer

Beginner

Article

How to debug a publish or optimization warning

Beginner

Article

How to debug a publish or optimization warning

Beginner

Article

How to debug canvas performance

Pro

Article

How to debug canvas performance

Pro

Article

How to debug links that don't work

Beginner

Article

How to debug links that don't work

Beginner

Article

How to debug missing images

Beginner

Article

How to debug missing images

Beginner

Article

How to debug network / SSL / certificate

Pro

Article

How to debug network / SSL / certificate

Pro

Article

How to debug your site performance

Beginner

Article

How to debug your site performance

Beginner

Article

How to disable pointer events

Beginner

Article

How to disable pointer events

Beginner

Article

How to export your site to HTML

Beginner

Article

How to export your site to HTML

Beginner

Article

How to host with Amazon CloudFront

Beginner

Article

How to host with Amazon CloudFront

Beginner

Article

How to host with CloudFlare

Beginner

Article

How to host with CloudFlare

Beginner

Article

How to host with Netlify

Beginner

Article

How to host with Netlify

Beginner

Article

How to host with Vercel

Beginner

Article

How to host with Vercel

Beginner

Article

How to integrate the CMS with Notion

Beginner

Article

How to integrate the CMS with Notion

Beginner

Article

How to integrate with your current site

Beginner

Article

How to integrate with your current site

Beginner

Article

How to keep layout consistent across multiple pages

Beginner

Article

How to keep layout consistent across multiple pages

Beginner

Article

How to make a video overlay

Beginner

Article

How to make a video overlay

Beginner

Article

How to make an autoplaying video

Beginner

Article

How to make an autoplaying video

Beginner

Article

How to make your site fast

Beginner

Article

How to make your site fast

Beginner

Article

How to redirect a page

Beginner

Article

How to redirect a page

Beginner

Article

How to report an issue

Beginner

Article

How to report an issue

Beginner

Article

How to see if your site is fast with Lighthouse

Beginner

Article

How to see if your site is fast with Lighthouse

Beginner

Article

How to self host using reverse proxy

Beginner

Article

How to self host using reverse proxy

Beginner

Article

How to set aspect ratio

Beginner

Article

How to set aspect ratio

Beginner

Article

How to set min and max sizes for elements

Beginner

Article

How to set min and max sizes for elements

Beginner

Article

How to set the z-index for an element

Beginner

Article

How to set the z-index for an element

Beginner

Article

How to setup Google Tag Manager / Analytics

Pro

Article

How to setup Google Tag Manager / Analytics

Pro

Article

How to translate / localize your site

Pro

Article

How to translate / localize your site

Pro

Article

How to turn an integration into a component

Pro

Article

How to turn an integration into a component

Pro

Article

How to use background blur

Beginner

Article

How to use background blur

Beginner

Article

How to use legacy packages on your site

Pro

Article

How to use legacy packages on your site

Pro

Article

How to use the CMS with Algolia (for full text search)

Pro

Article

How to use the CMS with Algolia (for full text search)

Pro

Article

How to use the Web Inspector for errors

Pro

Article

How to use the Web Inspector for errors

Pro

Article

How to use url query variables for dynamic content

Pro

Article

How to use url query variables for dynamic content

Pro

Article

How to view your site offline

Beginner

Article

How to view your site offline

Beginner

Article

How to whitelist Framer domains

Beginner

Article

How to whitelist Framer domains

Beginner

Article

How to let others remix your site

Beginner

Article

How to let others remix your site

Beginner

Article

How to make my screen fill the sides on mobile

Beginner

Article

How to make my screen fill the sides on mobile

Beginner

Article

How to track user events or metrics

Pro

Article

How to track user events or metrics

Pro

Article

How to replace missing fonts

Beginner

Article

How to replace missing fonts

Beginner

Article

How to make my site responsive

Beginner

Article

How to make my site responsive

Beginner

Article

How to make my component responsive

Beginner

Article

How to make my component responsive

Beginner

Article

How to set VW and VW for full viewport layout

Beginner

Article

How to set VW and VW for full viewport layout

Beginner

Article

How to work with real dynamic data (like an api)

Pro

Article

How to work with real dynamic data (like an api)

Pro

Article

How to make a sitemap.xml file

Beginner

Article

How to make a sitemap.xml file

Beginner

Article

How to make a robots.txt file

Beginner

Article

How to make a robots.txt file

Beginner

Article

How to absolute position inside a stack

Beginner

Article

How to absolute position inside a stack

Beginner

Article

Prototyping Plans

Beginner

Article

Prototyping Plans

Beginner

Article

How to wrap elements in a stack

Beginner

Article

How to wrap elements in a stack

Beginner

Article

How to configure SSO for your organization

Advanced

Article

How to configure SSO for your organization

Advanced

Article

How to use Font Awesome

Beginner

Article

How to use Font Awesome

Beginner

Article

How to share components with my team

Beginner

Article

How to share components with my team

Beginner

Article

How to add an iframe or embed script

Beginner

Article

How to add an iframe or embed script

Beginner

Article

How to add a scroll scrub or track effect

Advanced