Cookie ConsentBanner

Give visitors clear, accessible control over their cookie preferences with a polished Cookie Consent component for Framer. Designed for modern websites, it provides a responsive banner, detailed preference modal, and persistent consent management without requiring an external UI library.

Key features

• Accept all, reject optional, or customize analytics and marketing cookies.

• Persistent consent storage with configurable expiration and policy-version tracking.

• Automatic reset when your privacy policy version changes.

• Optional Google Consent Mode integration with support for analytics and advertising signals.

• Optional Meta Pixel and Klaviyo integrations, loaded only after marketing consent is granted.

• Klaviyo tracking opt-out support while still allowing email signup forms to function.

• Custom script-gating events for analytics, marketing, and third-party integrations.

• GDPR, non-GDPR, or all-region display modes.

• Responsive layout optimized for desktop and mobile screens.

• Accessible keyboard navigation, focus management, Escape-to-close behavior, and ARIA dialog semantics.

• Customizable typography, colors, borders, radius, shadows, labels, links, and button text.

• Slide, fade, scale, or no-animation presets, with static-renderer support for stable Canvas and export rendering.

• Optional privacy-policy link, settings button, reopen button, and necessary-cookie category.

• Lightweight, self-contained, and easy to integrate into your Framer project.

Build a more transparent privacy experience while keeping your site’s design system consistent and your consent workflow easy to manage.

Note: I’m not a lawyer. This component and its consent workflow are provided for general informational purposes only and may not meet the legal requirements applicable to your website or visitors. Use them at your own risk and consult a qualified privacy attorney for legal advice.