More Premium Hugo Themes Premium Tailwind Themes

Shadcn Cookie Consent

Beautifully designed, customizable cookie consent for web built on top of shadcn-ui and tailwind-css!

Shadcn Cookie Consent

Beautifully designed, customizable cookie consent for web built on top of shadcn-ui and tailwind-css!

Author Avatar Theme by r2hu1
Github Stars Github Stars: 172
Last Commit Last Commit: Jan 1, 2025 -
First Commit Created: Feb 6, 2025 -
default image

Overview

The Shadcn Cookie Consent is a repository that provides an implementation of a cookie consent banner using Shadcn UI and TailwindCSS. It offers a user-friendly way to comply with cookie consent regulations while ensuring a visually appealing design. The repository includes two variants for the cookie consent banner: Smallpreview and Defaultpreview.

Features

  • Implementation of Cookie Consent Banner: Provides a solution for complying with cookie consent regulations.
  • Use of Shadcn UI and TailwindCSS: Utilizes Shadcn UI components and TailwindCSS for design.
  • Customization Options: Allows users to add their own CSS, TailwindCSS config, and Shadcn themes.

Installation

To install the Shadcn Cookie Consent theme, follow these steps:

  1. Create a component named CookieConsent.jsx.
  2. Make it a client component.
  3. Import the necessary components from Shadcn, React, and React-icons.
  4. Add the code to the component to display the cookie consent banner.
  5. Customize the banner by adding your own CSS, TailwindCSS config, or Shadcn theme.

Summary

The Shadcn Cookie Consent repository offers a convenient way to implement a cookie consent banner on websites, ensuring compliance with regulations while maintaining an attractive design. Users can customize the banner according to their needs by adding their own styles and configurations. The repository also encourages contributions from the community through forking, adding new features, fixing issues, and creating pull requests.