Browse kits
Pay once · own it · full source code
Section packFreeHTML & CSSv1.0

HTML Cookie Banner Templates30 cookie banners and popups in plain HTML & CSS, free

30 cookie banners and popups in plain HTML and CSS, each one a single file: cookie bar, privacy consent modal, rotating announcement bar, region suggestion popover, privacy preference centre, cart reminder bar, survey intercept, consent level slider and more. Responsive, accessible and free for personal and commercial use.

  • 30 designs: cookie bar, preferences modal, consent dialog, age gate, toasts and more
  • Accept and Reject given equal weight, with real per-category toggles
  • Working JavaScript with optional localStorage memory, Esc to close and focus handling
Designs
30
Built with
HTML & CSS
Licence
Free, commercial use
Updated
Oct 2026
Get it free Live preview
HTML Cookie Banner Templates — 30 cookie banners and popups in plain HTML & CSS, free
  • Free for client projects
  • Plain HTML & CSS, no frameworks
  • Responsive down to 390px
  • Copy, paste and rebrand in minutes

What's inside: 30 designs

See all 30
What's inside

30 designs in this pack

Click any design to open its live preview, then check it at desktop, tablet and phone sizes.

All cookie banners & popups templates
How to use

From download to live in three steps

  1. Download the packClick Download free above and the zip downloads straight away. Unzip it and open index.html to see every design.
  2. Copy the design inPaste its HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
  3. Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text, links and images.
FAQ

Common questions

Can I use it for client work?
Yes. It's free for personal and commercial projects, including client sites. Just don't resell the pack itself.
Do I need Tailwind, Bootstrap or a build step?
No. Each design is plain HTML and CSS with a few lines of JavaScript where needed.
Does this make my site GDPR compliant?
The banners give visitors a real choice, but compliance also depends on which scripts you load. Only load analytics or marketing scripts after the "consent" event says the visitor agreed.
Will the banner remember the choice?
Yes. Set data-remember="true" on the banner and the choice is saved in localStorage so it isn't shown again.
Will popups show every time?
No. The slide-in and banners can remember a dismissal in localStorage. Set data-remember="true" on cookie banners to save the choice.
Will dismissed popups stay closed?
Yes. The app banner remembers for the session and the purchase notifications remember in localStorage. Cookie banners remember when you set data-remember="true".
What does the licence allow?
Use it on unlimited websites, your own and your clients', and change anything. You just can't resell or share the files themselves. See the licence.
Guides

Learn more

Get HTML Cookie Banner Templates

30 designs, free for personal and commercial projects.

Free for personal & commercial useGet it freeLive preview
More products

You might also need

Complete Elementor + BricksEvery Elementor + Bricks kit, now and in the futureComplete BricksEvery Bricks kit, now and in the futureComplete ElementorEvery Elementor kit, now and in the future