More Premium Hugo Themes Premium Nuxt Themes

Nuxt Simple Cookie Consent

A lightweight, headless Nuxt 3 module for managing GDPR-compliant cookie consent — with full control over categories, script injection, and UI.

Nuxt Simple Cookie Consent

A lightweight, headless Nuxt 3 module for managing GDPR-compliant cookie consent — with full control over categories, script injection, and UI.

Author Avatar Theme by criting
Github Stars Github Stars: 59
Last Commit Last Commit: Nov 25, 2025 -
First Commit Created: Aug 8, 2025 -
Nuxt Simple Cookie Consent screenshot

Overview

Navigating the complexities of cookie consent in a web application can be daunting for developers, but the Nuxt Simple Cookie Consent module offers a streamlined solution specifically designed for Nuxt 3 developers. With a headless architecture, this module grants complete freedom over how cookie consent is displayed and managed within your application, eliminating reliance on cumbersome third-party libraries. It’s tailored for those who wish to maintain control over styling and user experience while ensuring compliance with cookie regulations.

This cookie consent module not only simplifies the consent process but also provides a wealth of features to enhance user interaction and developer flexibility. By allowing you to build your own custom UI while managing backend logic seamlessly, it meets the needs of modern web applications where user privacy is paramount, and consent management must be both user-friendly and efficient.

Features

  • Headless Design: Full control over the UI/UX allows for custom styling and behavior, ensuring the module integrates seamlessly with your design.
  • Multi-Category Script Management: Organize scripts by categories such as analytics and ads, allowing for better control and clarity in user consent.
  • Reactive UseCookieConsent Composable: Track user preferences and consent expiration reactively, giving you full control over consent flow in your app.
  • Auto-Injection of Scripts: Dynamically inject or remove scripts based on real-time user consent, enhancing the user experience and meeting compliance needs.
  • Consent Expiration and Versioning: Automatically prompt users for consent renewal after a specified period and if policy changes occur, ensuring ongoing compliance.
  • SSR-Safe Control: Scripts are injected only on the client-side to prevent any SSR issues, maintaining the integrity of your web application.
  • Post-Load Callbacks: Initialize tracking tools like Google Tag Manager or Facebook Pixel effortlessly once consent is granted.
  • Event Lifecycle Hooks: Listen to important events like consent acceptance and category-specific actions, making it easy to manage and respond to user interactions.