A fully functional cookie consent component built for Framer websites that need more than a basic visual banner. This component helps you manage tracking consent properly by scanning your published website for scripts with custom consent attributes, blocking them until approval, saving user choices, and allowing visitors to update their preferences at any time.
Designed and developed by Zlatko Marjanović, this component is made for designers, developers, SaaS websites, agencies, startups, landing pages, portfolios, and marketing websites that need a cleaner and more professional way to handle cookie consent inside Framer.
This component detects consent based tracking scripts on your website and only activates them after the visitor gives permission. Instead of pasting scripts directly into the component, you simply add the correct custom attributes to your existing script tags, and the component handles the consent logic automatically.
After a visitor accepts or saves their choices, the component remembers their preferences using localStorage and cookies. A small floating cookie icon appears in the bottom left corner of the screen so users can reopen the settings panel at any time.
• Fully functional cookie consent banner for Framer• Scans your website for scripts with consent attributes• Supports analytics, marketing, preferences, necessary, and custom categories• Saves consent choices in localStorage and browser cookies• Floating cookie icon appears after consent is saved• Visitors can reopen cookie settings anytime• Supports Google Consent Mode behavior• Works with inline and external scripts• Supports custom script categories• Supports cookie and storage cleanup attributes• Mobile optimized layout• Fill width behavior for clean Framer layout control• Native Framer property controls grouped by content, buttons, privacy, layout, colors, and typography• No script input field needed inside the component• Clean, customizable, and production ready
Most cookie banners in Framer are only visual. They look like cookie consent banners, but they do not actually control script loading, remember consent properly, or give visitors real control over tracking categories.
This component is different. It is built to support real consent behavior by connecting the banner UI with your actual tracking scripts. That makes it useful for websites running analytics tools, Meta Pixel, Google tags, marketing scripts, retargeting scripts, or other third party tracking tools.
To make a script controlled by this component, add consent attributes to your script tag.
For external scripts, use:
type="text/plain"data-cookie-category="analytics"data-cookie-src="your-script-url"
For inline scripts, use:
type="text/plain"data-cookie-category="marketing"
The component then scans the site, finds the script, checks the saved user consent, and activates the script only when the matching category is allowed.
• Framer websites• SaaS landing pages• Startup websites• Marketing websites• Agency websites• Portfolio websites• Lead generation pages• Websites using Google Analytics• Websites using Meta Pixel• Websites using ad tracking or retargeting scripts• Framer projects that need real cookie consent behavior
This component is made to feel native inside Framer. You can customize the content, button labels, category descriptions, privacy link, colors, typography, spacing, floating cookie icon, and behavior directly from the Framer property panel.
It is lightweight, flexible, and designed to work without forcing users to paste script code directly into the component settings.
If you need help adding this cookie consent component to your Framer site, connecting it to Google Analytics, Meta Pixel, Google Tag Manager, or making your tracking setup cleaner and more reliable, feel free to reach out to me.
Built by Zlatko Marjanović, Webflow and Framer developer focused on clean, functional, conversion ready websites.
Zlatko Marjanović
