About.

Take Frame Away acts as a middleman between Framer's servers and your local drive, giving you true ownership of your layout code.

Code Extraction

The tool visits every page of your Framer website (via sitemap). It downloads the raw HTML and specifically targets the Made in Framer badge components to surgically remove them from the DOM.

Structure Rebuilding

Framer uses dynamic routing. We convert this into static folders.
Example: A page at /about becomes a folder named about containing an index.html. This ensures your site works on any static host like Netlify, Vercel, or GitHub Pages.

The Update Cycle

Important: Your downloaded site is a static snapshot. It is disconnected from the Framer editor.

If you update your design in Framer, your hosted site will not update automatically. You must follow this cycle:

  1. Publish changes in Framer.
  2. Resubmit the URL here.
  3. Download the new ZIP file.
  4. Re-deploy to your hosting provider.

The CDN Dependency

While you own the HTML layout, the images, videos, and scripts are still hosted on Framer's CDN.

  • Pros: Fast loading, no bandwidth costs for you.
  • Cons: If Framer deletes the original assets, your images might break. Ideally, keep your Framer subscription active or use the free plan as a CDN host.

Free Templates Only

This tool only works with personal Framer websites or FREE Framer templates.

If a template creator sells their template as a paid product, this tool will not be able to extract it. Only templates that are freely available on Framer's marketplace or personal projects on the free plan can be processed.

Works: https://your-site.framer.website (personal or free template)
Won't work: Paid/premium templates or sites with custom domains

How to Host Your Downloaded Site

After Downloading the ZIP:

  1. Extract the ZIP file to a folder on your computer
  2. You'll see folders like about/, contact/, etc., each containing an index.html
  3. The main homepage is at index.html (root level)

Recommended Free Hosting Platforms:

1. Netlify Easiest
  • Go to app.netlify.com
  • Drag and drop your extracted folder
  • Get instant custom subdomain (e.g., yoursite.netlify.app)
  • Can add custom domain for free
2. GitHub Pages Free Forever
  • Create a public GitHub repository
  • Upload all files from extracted ZIP
  • Enable GitHub Pages in Settings
  • URL: username.github.io/repo-name

Note: GitHub Pages free plan only works with public repositories.

3. Cloudflare Pages Unlimited Bandwidth
  • Go to pages.cloudflare.com
  • Upload your folder directly
  • Unlimited bandwidth on free tier
  • Can add custom domain for free

Adding a Custom Domain:

All platforms above support custom domains for free. You'll need to:

  1. Buy a domain from Namecheap, Porkbun, or Cloudflare Registrar (~$10/year)
  2. Add the domain in your hosting platform's dashboard
  3. Update your domain's DNS settings (they'll provide instructions)
  4. Wait 5-60 minutes for DNS propagation