Collection of free Tailwind CSS cookie consent components from Codepen and other resources.

Demo image: Cookie Notice Card - Tailwind CSS

Author

  • Alex Ivanovs

Made with

  • HTML / CSS

About a code

Cookie Notice Card - Tailwind CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 3.0.0

Demo image: Free Tailwind CSS Cookies Component

Author

  • Harrishash

Made with

  • HTML / CSS / JS

About a code

Free Tailwind CSS Cookies Component

Cookies Tailwind components are a prompt that lets users know that the website uses cookies to give a custom experience that they can accept or reject.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Cookies Alert Tailwindcss & Alpine JS

Author

  • tonybastienricher

Made with

  • HTML / CSS / JS

About a code

Cookies Alert Tailwindcss & Alpine JS

Cookie banner popup example with Tailwind CSS & Alpine JS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.2.4

Demo image: Cookie Banner Tailwind CSS & Alpine JS

Author

  • surjithctly

Made with

  • HTML / CSS / JS

About a code

Cookie Banner Tailwind CSS & Alpine JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.1.4

Demo image: Cookie Banner and Settings Modal

Author

  • Scott Windon

Made with

  • HTML / CSS / JS

About a code

Cookie Banner and Settings Modal

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: materialdesignicons.css, alpine.js

Tailwind version: 2.0.2

Demo image: Cookie Policy

Author

  • devdojo

Made with

  • HTML / CSS

About a code

Cookie Policy

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Cookie Policy

Author

  • abr4xas

Made with

  • HTML / CSS

About a code

Cookie Policy

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.9.6