Sites
Get Access
Sites
FAQ
Learn all about sites published in Framer.
FAQ
Learn all about sites published in Framer.
Blazing performance.
We take your designs and use our custom compiler to turn your designs into a highly performant site.
0
Lighthouse
0
Performance
0
Accessibility
0
Best Practices
0
SEO
0
Lighthouse
0
Performance
0
Accessibility
0
Best Practices
0
SEO
Hosting
The initial HTML payload will be served over HTTP2/SSL/GZIP from the closest of three locations (US, EU or ASIA) from optimized infrastructure that supports instant cache expiration. All other resources (scripts, fonts, images, etc) will be served from a global content delivery network (AWS CloudFront) for maximum speed.
Prerendering
The initial HTML and CSS will be statically served, so your site will load instantly and won’t rely on JavaScript (not even for responsive breakpoints). After the initial load, the scripts will be “attached” to the rendered HTML to make your page interactive (hydration). This typically takes a few milliseconds.
JavaScript
We optimize the extra library code that is needed to provide all of your website functionality. These are shared across your entire website. We chunk your JavaScript where appropriate and rely on ESModules for loading and caching of smaller snippets of application code.
Images
We automatically resize images for the optimal size they are displayed at, plus we automatically optimize image compression for each specific image. This means you don’t have to worry about manually compressing images before you add them to your designs.
Blazing performance.
We take your designs and use our custom compiler to turn your designs into a highly performant site.
0
Lighthouse
0
Performance
0
Accessibility
0
Best Practices
0
SEO
0
Lighthouse
0
Performance
0
Accessibility
0
Best Practices
0
SEO
Hosting
The initial HTML payload will be served over HTTP2/SSL/GZIP from the closest of three locations (US, EU or ASIA) from optimized infrastructure that supports instant cache expiration. All other resources (scripts, fonts, images, etc) will be served from a global content delivery network (AWS CloudFront) for maximum speed.
Prerendering
The initial HTML and CSS will be statically served, so your site will load instantly and won’t rely on JavaScript (not even for responsive breakpoints). After the initial load, the scripts will be “attached” to the rendered HTML to make your page interactive (hydration). This typically takes a few milliseconds.
JavaScript
We optimize the extra library code that is needed to provide all of your website functionality. These are shared across your entire website. We chunk your JavaScript where appropriate and rely on ESModules for loading and caching of smaller snippets of application code.
Images
We automatically resize images for the optimal size they are displayed at, plus we automatically optimize image compression for each specific image. This means you don’t have to worry about manually compressing images before you add them to your designs.
World-class hosting.
Our edge hosting infrastructure is built for scale, performance and reliability.
https://www.adelee.com
Instant Deployments
Framer is optimized for <1s upload times, so your site is deployed, updated or deleted instantly without waiting—across the globe.
Dynamic Resources
Framer resizes and optimizes your images, streams your media and bundle, and chunk and tree-shake your scripts to deliver them at optimal speeds in the context of your site.
Pre-Rendering
On publish, Framer’s servers render your website in the background (server-side rendering) and send a copy of the pre-rendered site with every visit. This ensures optimal indexing for Google SEO.
Staging & Versioning
You can publish preview links by default—without updating your main domain. After inspection, you can promote a specific preview link to your main domain. Made a mistake? Instantly roll back to any version.
Global Presence
Framer leverages a global content delivery network (AWS CloudFront) to deliver and cache all your resources close to your users, so they are delivered at the lowest latency and highest bandwidth.
Load Balancing
Framer hosts your website on multiple machines around the world so they can handle a sudden spike in traffic with ease, avoid downtime and guarantee high availability rates.

Content Compression
Framer compresses your content whenever we can (using GZIP or Brotli) to deliver your website as fast as possible.
Multiplexing
Framer uses the HTTP2 protocol if your visitor’s browser supports it so we can send multiple resources over a single connection to speed things up.

Application Firewall
Framer protects your website with a global application firewall and DDOS protection to avoid bad actors from hacking your site or bringing it down.

World-class hosting.
Our edge hosting infrastructure is built for scale, performance and reliability.
https://www.adelee.com
Instant Deployments
Framer is optimized for <1s upload times, so your site is deployed, updated or deleted instantly without waiting—across the globe.
Dynamic Resources
Framer resizes and optimizes your images, streams your media and bundle, and chunk and tree-shake your scripts to deliver them at optimal speeds in the context of your site.
Pre-Rendering
On publish, Framer’s servers render your website in the background (server-side rendering) and send a copy of the pre-rendered site with every visit. This ensures optimal indexing for Google SEO.
Staging & Versioning
You can publish preview links by default—without updating your main domain. After inspection, you can promote a specific preview link to your main domain. Made a mistake? Instantly roll back to any version.
Global Presence
Framer leverages a global content delivery network (AWS CloudFront) to deliver and cache all your resources close to your users, so they are delivered at the lowest latency and highest bandwidth.
Load Balancing
Framer hosts your website on multiple machines around the world so they can handle a sudden spike in traffic with ease, avoid downtime and guarantee high availability rates.
Content Compression
Framer compresses your content whenever we can (using GZIP or Brotli) to deliver your website as fast as possible.
Multiplexing
Framer uses the HTTP2 protocol if your visitor’s browser supports it so we can send multiple resources over a single connection to speed things up.
Application Firewall
Framer protects your website with a global application firewall and DDOS protection to avoid bad actors from hacking your site or bringing it down.
Flexible domain setups.
Manage your website on our world-class infrastructure, or set-up your own custom hosting setup.

Flexible domain setups.
Manage your website on our world-class infrastructure, or set-up your own custom hosting setup.
Framer Hosting
The recommended way to publish a new website in Framer. We offer advanced, scalable, reliable and secure hosting built-in. We passed the security requirements for many large vendors like Amazon, Facebook, Microsoft based on SOCII and ISO compliance (under our enterprise plan).
Proxied Hosting
Framer Sites support pretty much any proxy or CDN service that you can setup yourself. CloudFront allows you to set a Framer Site URL as a custom origin for a distribution. CloudFlare allows you to set a Framer Site as an origin. Netlify allows you to proxy paths to a Framer Site URL. Vercel allows you to rewrite and proxy requests to a Framer Site URL
Framer Hosting
The recommended way to publish a new website in Framer. We offer advanced, scalable, reliable and secure hosting built-in. We passed the security requirements for many large vendors like Amazon, Facebook, Microsoft based on SOCII and ISO compliance (under our enterprise plan).
Proxied Hosting
Framer Sites support pretty much any proxy or CDN service that you can setup yourself. CloudFront allows you to set a Framer Site URL as a custom origin for a distribution. CloudFlare allows you to set a Framer Site as an origin. Netlify allows you to proxy paths to a Framer Site URL. Vercel allows you to rewrite and proxy requests to a Framer Site URL
Complete Self Hosting
You serve every part of the Framer Site on your own infrastructure. This is technically impossible because Framer relies on backend services that we run for you (just like Webflow, Unbounce, Notion, Contentful or any site service you might use).
Offline Hosting
You need the project to run in a place without any internet (like on a hardware or embedded prototype). This is not possible, because Framer relies on backend services. We might look into PWA support in the future that can partially allow this.
Complete Self Hosting
You serve every part of the Framer Site on your own infrastructure. This is technically impossible because Framer relies on backend services that we run for you (just like Webflow, Unbounce, Notion, Contentful or any site service you might use).
Offline Hosting
You need the project to run in a place without any internet (like on a hardware or embedded prototype). This is not possible, because Framer relies on backend services. We might look into PWA support in the future that can partially allow this.
End-to-end hosting.
Domain options at a glance.
https://hi-world.framer.app
https://hi-world-<version>.framer.app
Framer Domain
·
Publish: If you use in-app publishing (by clicking the publish button), your site will be hosted on one of our default framer.app URLs.
https://framer.com
https://www.framer.com
Full Domain
·
Publish: requires a one-time DNS set-up.
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
https://feature.framer.com
https://feature.page.framer.com
Subdomain
·
Publish: requires a one-time DNS set-up.
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
https://framer.com/landing
https://framer.com/landing/page
Subpath
·
Publish: requires the main site to have hosting with a proxy option like Netlify, Vercel, CloudFront, or CloudFlare (point to the site URL).
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
End-to-end hosting.
Domain options at a glance.
https://hi-world.framer.app
https://hi-world-<version>.framer.app
Framer Domain
·
Publish: If you use in-app publishing (by clicking the publish button), your site will be hosted on one of our default framer.app URLs.
https://framer.com
https://www.framer.com
Full Domain
·
Publish: requires a one-time DNS set-up.
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
https://feature.framer.com
https://feature.page.framer.com
Subdomain
·
Publish: requires a one-time DNS set-up.
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
https://framer.com/landing
https://framer.com/landing/page
Subpath
·
Publish: requires the main site to have hosting with a proxy option like Netlify, Vercel, CloudFront, or CloudFlare (point to the site URL).
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
Infinite possibilities via code.
Backed by React, technical users can extend anything through code.
Infinite possibilities via code.
Backed by React, technical users can extend anything through code.
Full React Support
Framer has built in support for custom React components written in code. That means that every React component you write (or already have) will work instantly. Anything that will work in React will work the exact same way on your Framer Site, so there are no limitations to what you can do.

Framer has a built-in code editor (based on VSCode) that allows you to write the components directly inside Framer, or it supports importing them as an ESM module.

Code components can import any ESM module directly, including all of the NPM packages.

Code components can be added to a Team Library so they can be shared with the entire team, speeding up website building tasks with custom functionality.

Code components can be enhanced with custom property controls in the interface, so they can be configured directly from the canvas.

Framer will automatically bundle, inline, tree-share and pre-render (SSG) your code components if they support it to speed the site up and support SEO.
Use Cases

A dynamic login bar that changes state based on the users login state

A dynamic cookie banner with custom rules for your specific business

A header that fetches live data or uses dynamic data (time, stocks, weather)

A component wrapping a custom embed that we don’t support out of the box

An animation that you cannot express using the in-app interface

A service integration, such as with your favorite translation tool
Full React Support
Framer has built in support for custom React components written in code. That means that every React component you write (or already have) will work instantly. Anything that will work in React will work the exact same way on your Framer Site, so there are no limitations to what you can do.

Framer has a built-in code editor (based on VSCode) that allows you to write the components directly inside Framer, or it supports importing them as an ESM module.

Code components can import any ESM module directly, including all of the NPM packages.

Code components can be added to a Team Library so they can be shared with the entire team, speeding up website building tasks with custom functionality.

Code components can be enhanced with custom property controls in the interface, so they can be configured directly from the canvas.

Framer will automatically bundle, inline, tree-share and pre-render (SSG) your code components if they support it to speed the site up and support SEO.
Use Cases

A dynamic login bar that changes state based on the users login state

A dynamic cookie banner with custom rules for your specific business

A header that fetches live data or uses dynamic data (time, stocks, weather)

A component wrapping a custom embed that we don’t support out of the box

An animation that you cannot express using the in-app interface

A service integration, such as with your favorite translation tool
Sites
FAQ
Learn all about sites published in Framer.
Blazing performance.
We take your designs and use our custom compiler to turn your designs into a highly performant site.
0
Lighthouse
0
Performance
0
Accessibility
0
Best Practices
0
SEO
0
Lighthouse
0
Performance
0
Accessibility
0
Best Practices
0
SEO
Hosting
The initial HTML payload will be served over HTTP2/SSL/GZIP from the closest of three locations (US, EU or ASIA) from optimized infrastructure that supports instant cache expiration. All other resources (scripts, fonts, images, etc) will be served from a global content delivery network (AWS CloudFront) for maximum speed.
Prerendering
The initial HTML and CSS will be statically served, so your site will load instantly and won’t rely on JavaScript (not even for responsive breakpoints). After the initial load, the scripts will be “attached” to the rendered HTML to make your page interactive (hydration). This typically takes a few milliseconds.
JavaScript
We optimize the extra library code that is needed to provide all of your website functionality. These are shared across your entire website. We chunk your JavaScript where appropriate and rely on ESModules for loading and caching of smaller snippets of application code.
Images
We automatically resize images for the optimal size they are displayed at, plus we automatically optimize image compression for each specific image. This means you don’t have to worry about manually compressing images before you add them to your designs.
World-class hosting.
Our edge hosting infrastructure is built for scale, performance and reliability.
https://www.adelee.com
Instant Deployments
Framer is optimized for <1s upload times, so your site is deployed, updated or deleted instantly without waiting—across the globe.
Dynamic Resources
Framer resizes and optimizes your images, streams your media and bundle, and chunk and tree-shake your scripts to deliver them at optimal speeds in the context of your site.
Pre-Rendering
On publish, Framer’s servers render your website in the background (server-side rendering) and send a copy of the pre-rendered site with every visit. This ensures optimal indexing for Google SEO.
Staging & Versioning
You can publish preview links by default—without updating your main domain. After inspection, you can promote a specific preview link to your main domain. Made a mistake? Instantly roll back to any version.
Global Presence
Framer leverages a global content delivery network (AWS CloudFront) to deliver and cache all your resources close to your users, so they are delivered at the lowest latency and highest bandwidth.
Load Balancing
Framer hosts your website on multiple machines around the world so they can handle a sudden spike in traffic with ease, avoid downtime and guarantee high availability rates.

Content Compression
Framer compresses your content whenever we can (using GZIP or Brotli) to deliver your website as fast as possible.
Multiplexing
Framer uses the HTTP2 protocol if your visitor’s browser supports it so we can send multiple resources over a single connection to speed things up.

Application Firewall
Framer protects your website with a global application firewall and DDOS protection to avoid bad actors from hacking your site or bringing it down.

Flexible domain setups.
Manage your website on our world-class infrastructure, or set-up your own custom hosting setup.

Framer Hosting
The recommended way to publish a new website in Framer. We offer advanced, scalable, reliable and secure hosting built-in. We passed the security requirements for many large vendors like Amazon, Facebook, Microsoft based on SOCII and ISO compliance (under our enterprise plan).
Proxied Hosting
Framer Sites support pretty much any proxy or CDN service that you can setup yourself. CloudFront allows you to set a Framer Site URL as a custom origin for a distribution. CloudFlare allows you to set a Framer Site as an origin. Netlify allows you to proxy paths to a Framer Site URL. Vercel allows you to rewrite and proxy requests to a Framer Site URL
Complete Self Hosting
You serve every part of the Framer Site on your own infrastructure. This is technically impossible because Framer relies on backend services that we run for you (just like Webflow, Unbounce, Notion, Contentful or any site service you might use).
Offline Hosting
You need the project to run in a place without any internet (like on a hardware or embedded prototype). This is not possible, because Framer relies on backend services. We might look into PWA support in the future that can partially allow this.
End-to-end hosting.
Domain options at a glance.
https://hi-world.framer.app
https://hi-world-<version>.framer.app
Framer Domain
·
Publish: If you use in-app publishing (by clicking the publish button), your site will be hosted on one of our default framer.app URLs.
https://framer.com
https://www.framer.com
Full Domain
·
Publish: requires a one-time DNS set-up.
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
https://feature.framer.com
https://feature.page.framer.com
Subdomain
·
Publish: requires a one-time DNS set-up.
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
https://framer.com/landing
https://framer.com/landing/page
Subpath
·
Publish: requires the main site to have hosting with a proxy option like Netlify, Vercel, CloudFront, or CloudFlare (point to the site URL).
·
Export: requires a custom hosting setup and manual uploading. Resources hosted by Framer.
·
Handshake: requires custom hosting, technical knowledge, a custom set-up and a React-compatible website builder.
Infinite possibilities via code.
Backed by React, technical users can extend anything through code.
Full React Support
Framer has built in support for custom React components written in code. That means that every React component you write (or already have) will work instantly. Anything that will work in React will work the exact same way on your Framer Site, so there are no limitations to what you can do.

Framer has a built-in code editor (based on VSCode) that allows you to write the components directly inside Framer, or it supports importing them as an ESM module.

Code components can import any ESM module directly, including all of the NPM packages.

Code components can be added to a Team Library so they can be shared with the entire team, speeding up website building tasks with custom functionality.

Code components can be enhanced with custom property controls in the interface, so they can be configured directly from the canvas.

Framer will automatically bundle, inline, tree-share and pre-render (SSG) your code components if they support it to speed the site up and support SEO.
Use Cases

A dynamic login bar that changes state based on the users login state

A dynamic cookie banner with custom rules for your specific business

A header that fetches live data or uses dynamic data (time, stocks, weather)

A component wrapping a custom embed that we don’t support out of the box

An animation that you cannot express using the in-app interface

A service integration, such as with your favorite translation tool