Launch a premium consent experience that looks polished, protects conversions, and keeps your site aligned with GDPR, LGPD, and PIPEDA requirements from day one.
Live Demo
Test the WebCookies banner in different modes. Each button resets stored consent and launches a fresh banner.
Detects your country via IP and shows the correct compliance banner.
Full GDPR banner with Reject All, granular toggles, and compliance badge.
LGPD-compliant controls for Brazilian users.
Dark-themed popup positioned at the center-bottom of the screen.
Orange brand color, top position, with a custom company name.
Why WebCookies
A minimal, production-ready cookie consent solution that works in any JavaScript project without a build step.
IP geolocation automatically selects the correct compliance mode — GDPR for EU, LGPD for Brazil, PIPEDA for Canada, or a basic notice everywhere else.
Toggle Necessary, Functional, Analytics, and Marketing cookies individually. Users can customize their exact preferences.
Pure vanilla JavaScript. No jQuery, React, or heavy frameworks. The minified bundle is under 30 KB.
Works perfectly without any backend. Consent is stored locally and syncs to Supabase when configured.
Automatically calls gtag('consent', 'update', …) when the user makes a choice, compatible with Google's consent framework.
ARIA roles, keyboard navigation, focus-visible ring styles, and semantic HTML throughout the banner.
Setup
No build pipeline required. Works as an ES module, a script tag, or an npm package.
Add the package via npm or include the CDN script tag before your closing </body>.
Call CookieConsent.init() with your brand color and privacy policy URL.
WebCookies auto-detects the user's country and shows the right consent UI — Accept All, Reject All, and Customize. Preferences are stored instantly.
Listen for the vc:consent window event or call hasConsent('analytics') before loading tracking scripts.
Get Started Free
Enter your details and we'll send personalized setup instructions to your email.
We'll use your information only to send your customized setup instructions.