--- layout: default title: Demo description: Interactive demo of Extended Cookie Consent with all features permalink: /demo/ ---

Enhanced Cookie Consent

A modern, GDPR-compliant cookie consent library with granular controls, beautiful UI, and comprehensive compliance features.

Cookie Consent Demo

Powerful Features

Everything you need for comprehensive cookie compliance

🍪

Granular Controls

Allow users to choose specific cookie categories: necessary, analytics, marketing, and preferences.

⚡

Modern UI/UX

Beautiful, responsive design with smooth animations and dark mode support.

🔒

GDPR Compliant

Built-in compliance with GDPR, CCPA, and other privacy regulations.

📊

Analytics Integration

Seamless integration with Google Analytics, GTM, and custom analytics solutions.

🎨

Highly Customizable

Extensive theming options, custom positioning, and flexible content management.

📱

Mobile Optimized

Perfect responsive design that works flawlessly on all devices and screen sizes.

Live Demo

Try different configurations and see the cookie consent in action

Demo Options

Current Consent Status

Installation

Get started in minutes with CDN or npm

CDN (Recommended)

CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/casjay-templates/cookieconsent@main/dist/cookieconsent.min.css">
JavaScript
<script src="https://cdn.jsdelivr.net/gh/casjay-templates/cookieconsent@main/dist/cookieconsent.min.js"></script>

GitHub Raw Links

CSS
<link rel="stylesheet" href="https://raw.githubusercontent.com/casjay-templates/cookieconsent/main/dist/cookieconsent.min.css">
JavaScript
<script src="https://raw.githubusercontent.com/casjay-templates/cookieconsent/main/dist/cookieconsent.min.js"></script>

Basic Usage

// Initialize with default settings
cookieconsent.extended.init({
  content: {
    header: 'We use cookies',
    message: 'This website uses cookies to enhance your experience.',
    acceptAll: 'Accept All',
    rejectAll: 'Reject All'
  }
});

// Check consent status
if (cookieconsent.extended.hasConsent('analytics')) {
  // Initialize analytics
  gtag('config', 'GA_MEASUREMENT_ID');
}

Documentation

Comprehensive guides and API reference

Quick Start Guide

Get up and running with Extended Cookie Consent in just a few minutes.

Read Guide
API Reference

Complete API documentation with all configuration options and methods.

View API
Examples

Real-world examples and integration patterns for common use cases.

View Examples