A clear banner, a real preference center, cookie details, script & embed blocking and Google Consent Mode v2 — in 8 layouts and 8 skins.
Try it: click “Customize”, open “Cookies (2)” under Analytics, then save — choices in these previews are not stored.
Northwind Goods is a fictional shop. This page also has a real banner in the bottom-left corner — that one is saved.
Readers see the headline right away. Accept and reject have the same weight — the way many European regulators ask for.
The Daily Ledger is a fictional publication.
The drawer slides in with every category visible and a list of real cookie names, providers and expiry — useful for B2B buyers and security reviews. Google Consent Mode signals are sent on save.
Metricly is a fictional product.
The playful skin with the big cookie illustration — press “Yes please” and watch it get eaten. The modal must be answered before the page is used.
Crumb & Co. is a fictional bakery.
If a site uses only essential cookies and cookieless stats, a simple notice is enough. The floating pill says so in one line and disappears on “Got it”.
Slow Trains Journal is a fictional blog.
Opt-out mode starts with categories switched on and makes “Do not sell or share” easy to find. If the browser sends a Global Privacy Control signal, Marketing starts switched off.
Pacific Outfitters is a fictional shop. This is a design example, not legal advice.
The bottom sheet shows the message on the left and all categories on the right — no extra click needed. Bold outline skin with checkbox toggles.
Studio Nine is a fictional studio.
Glass card in the right corner with a close button (closing counts as “reject”), and a dark modal with checkbox toggles and a bounce entrance.
Lumen Films and Nightowl are fictional.
Put the preference center right inside your privacy page. It shows what the visitor chose before and saves for real — it is linked to the banner on this page.
Any link to #cookie-settings (or with class ukckb-open) also opens the banner's settings.
Mark an iframe with data-ukconsent and data-src. Until the visitor allows that category, a friendly placeholder is shown instead — with a one-click “Allow & load”.
The map comes from Google and loads only after Marketing cookies are allowed.
Three small hooks cover most sites. With Consent Mode switched on, gtag('consent', …) is called for you.
<!-- 1. Hold a script until 'analytics' is allowed -->
<script type="text/plain" data-ukconsent="analytics">
/* your analytics snippet */
</script>
<!-- 2. Hold an embed until 'marketing' is allowed -->
<iframe data-ukconsent="marketing" data-src="https://…"></iframe>
// 3. Ask or react in JavaScript
ultrakitConsent.has('analytics'); // true / false
ultrakitConsent.open(); // open the settings
window.addEventListener('ultrakit:consent', e => console.log(e.detail)); Honest defaults, clear choices, easy for developers.
All shops, apps and sites shown in the previews are fictional. The widget helps you ask for consent — check the exact wording with your own legal adviser.
201 premium elements, Cookie Consent Banner included.