New @cookieyes/react 0.9.0 is out

Consent that ships in your bundle.

Open-source consent for React and Next.js. Manage consent in code, control when third-party tools load, and keep everything in your frontend.

Next.js React
npx @cookieyes/cli init
Copy
Read documentation

Performance

The whole point of frontend-native: it barely touches the page.
Time to banner and transferred bytes, below.

473 ms
/ up to 4.2× faster
Time to banner · log scale
cookieyes
473 ms
c15t
1.7 s
osano
1.7 s
enzuzo
1.8 s
iubenda
2 s
21.7 KB
/ up to 6× lighter
Transferred bytes · log scale
cookieyes
21.7 KB
c15t
58.8 KB
osano
78.2 KB
enzuzo
116.7 KB
iubenda
131 KB

Measured by Cookiebannerbench: throttled mobile · cold cache · p75, @cookieyes/react 0.8.0, run of 24 Sep 2026. See the run

What it does

Feature-complete consent, with the control surface a serious project needs.

Geolocation Region-aware consent Pass the visitor’s region and CookieYes applies the right consent experience automatically.
x-region: eu
gdpr
Multilanguage Built-in i18n Localized without the bundle bloat. Load the locale you need and override any banner copy per language.
English
Deutsch
Français
Italiano
Diese Website verwendet Cookies. Notwendige sind immer aktiv. Analyse und Marketing erst nach Zustimmung.
Alle ablehnen Alle akzeptieren
Einstellungen verwalten
Styling Full CSS control Customise styles, colours, spacing, and components without being locked into the default design.
.cy-banner {
--cy-radius12px;
}
This site uses cookies. Required ones are always on. Analytics and marketing need your yes first.
Reject all
Accept all
Manage preferences
Agent ready Built for TypeScript Typed APIs and exports help developers catch mistakes earlier and work faster in their editor.
llms.txt
analytics
marketing
functional
necessary
agent reads consent.marketing → true data-ill-edge="soft"
Integrations Load third-party tools only after consent Control when GA4, GTM, Meta Pixel and other integrations can run.
consent
marketing: granted
Google Tag Manager
Google Analytics
Meta Pixel
Microsoft Clarity
Segment
PostHog

One consent layer for your stack

Use consent from your app to control when analytics, ads, and other third-party tools can load.

Your app Loads after consent
React@cookieyes/react
Next.js@cookieyes/nextjs
one consent gate consent.analytics = true
Google Analyticsfires
Microsoft Clarityfires
PostHogfires
Meta Pixelheld
Google Adsheld
"held" = script never loads until this visitor says yes

You own the record.

Everything runs in your stack. Consent state is yours to persist. You choose how and where it’s stored.

$ vite build app.js142 kb react-dom130 kb lodash-es72 kb @cookieyes/react13.9 KB
@cookieyes/react 13.9 KB gzip · 0 third-party deps
Frontend only Runs in your bundle No hosted runtime required for the banner and consent logic.
cookieyes/cookieyes MIT
242 commits 5 contributors
your-fork
MIT licensed Fork it. Audit it. Self-host it. No closed-source runtime dependency. Every line is yours to read.
consent_recordsyour db
timestampanalyticsmarketing
2026-07-15 09:14:52truetrue
2026-07-15 09:14:09truefalse
2026-07-15 09:13:35falsefalse
2026-07-15 09:12:04truefalse
2026-07-15 09:11:47truetrue
2026-07-15 09:10:31falsetrue
2026-07-15 09:09:58truefalse
typed record { analytics: true}
You hold the record Your data, your storage Keep consent records in the infrastructure you already use.

Built to last

Before you add a dependency, you want to know it will still be there.

MIT Own it, fork it, keep it forever. Public on GitHub ↗
13.9 KB gz The whole banner, gzipped, with zero runtime dependencies. Nothing extra to break.
1.5M sites Running consent since 2018. Maintained by CookieYes.
Project health v0.9.0released this week
commit activity · last 12 months
2026 · first commit1.5M sites today

Start with install.

No account. No dashboard. Install the package and add consent directly to your site.

npx @cookieyes/cli init
Copy
Read documentation