# Introduction to Consent Management (c15t)

> Transform privacy consent from a compliance checkbox into a fully observable system. Built for modern development teams, c15t unifies analytics, consent tracking, and privacy controls into a single performant solution - no more slow cookie banners or blind spots in user privacy choices.

## What is Consent Management?

Consent Management (c15t) is an open-source platform that transforms privacy consent from a compliance checkbox into a fully observable system. Built for modern development teams, it provides a unified solution for:

- Analytics integration
- Consent management
- Privacy controls
- Complete consent state visibility

Gone are the days of:

- Cookie banners slowing down your site
- Blind spots in consent tracking
- Complex multi-vendor implementations
- Uncertainty about privacy policy changes
- Poor visibility into consent states

## Core Principles

1. Open Source First
   - Building in public isn't just about transparency - it's about creating better tools through community collaboration. Our open-source foundation means you can:
     - Inspect and understand the code handling user consent
     - Contribute improvements and fixes
     - Self-host for complete control
     - Trust through transparency
2. Developer Experience
   - Privacy management should feel natural in your development workflow:
     - TypeScript-first APIs with full type safety
     - Modern React patterns and hooks
     - Intuitive state management
     - Comprehensive documentation
3. Performance as Standard
   - Every byte matters. c15t is built with performance in mind:
     - Minimal bundle impact
     - Efficient state management
     - Optimized server/client patterns
     - Smart code splitting
4. Privacy by Design
   - Privacy isn't an afterthought - it's a core part of modern web development:
     - GDPR-compliant by default
     - Granular consent controls
     - Complete audit trail
     - Privacy-first architecture

## Get Started

Ready to modernize your privacy infrastructure? Choose your path

## Main Documentation
- [API Reference](https://c15t.com/docs/core/api-reference): Comprehensive guide to using the c15t package for managing privacy consents.
- [How It Works](https://c15t.com/docs/core/how-it-works): In-depth explanation of the architecture and functionality of the c15t package.
- [Core Documentation](https://c15t.com/docs/core): Comprehensive guide to using the c15t package for managing privacy consents.
- [AI Tools Integrations](https://c15t.com/docs/getting-started/ai-tools-integrations): Learn how to integrate Consent Management (c15t) with AI tools and language models through the standardized llms.txt file. This guide explains how to access and import the llms.txt file to enhance your development workflow with AI-powered tools like Cursor.
- [Introduction to Consent Management (c15t)](https://c15t.com/docs/getting-started): Transform privacy consent from a compliance checkbox into a fully observable system. Built for modern development teams, c15t unifies analytics, consent tracking, and privacy controls into a single performant solution - no more slow cookie banners or blind spots in user privacy choices.
- [Privacy Regulations Guide](https://c15t.com/docs/getting-started/regulations): Understanding key privacy regulations and compliance requirements
- [Cookie Policy](https://c15t.com/docs/legals/cookie-policy): No description available
- [Privacy Policy](https://c15t.com/docs/legals/privacy-policy): No description available
- [HTML & JavaScript Cookie Banner](https://c15t.com/docs/core/examples/javascript): A basic example of how to use the consent manager in JavaScript to make a Cookie Banner.
- [API Reference](https://c15t.com/docs/framework/react/api-reference): The @c15t/react package provides a React-specific components and hooks for managing privacy consents.
- [Consent Manager Dialog](https://c15t.com/docs/framework/react/consent-manager-dialog): An accessible, animated modal interface that wraps the Consent Manager Widget for a focused privacy customization experience.
- [Consent Manager Widget](https://c15t.com/docs/framework/react/consent-manager-widget): A flexible, composable widget for building custom privacy consent interfaces. The widget provides granular control over privacy preferences while handling all the compliance requirements for you.
- [Cookie Banner](https://c15t.com/docs/framework/react/cookie-banner): A customizable cookie consent banner that handles privacy compliance with zero configuration required.
- [Dev Tool](https://c15t.com/docs/framework/react/dev-tool): Monitor and debug your privacy consent management with our development tools, designed to help you build with confidence.
- [Getting Started](https://c15t.com/docs/framework/react): Build privacy-first applications with zero legal overhead. Our plug-and-play components handle compliance so you can focus on your product.
- [Contributing to c15t.com](https://c15t.com/docs/getting-started/open-source/contributing): No description available
- [Licence](https://c15t.com/docs/getting-started/open-source/license): No description available
- [Building Privacy Tools in the Open](https://c15t.com/docs/getting-started/open-source/why-open-source): We believe great developer tools should be built in the open, with transparency and community collaboration at their core. This philosophy guides how we're building modern privacy infrastructure.
- [CSS Variables](https://c15t.com/docs/framework/react/examples/css-variables): A Cookie Banner example using CSS Variables. This example shows how to use CSS Variables to style the cookie banner.
- [CSS Cookie Banner](https://c15t.com/docs/framework/react/examples/css): A Cookie Banner example using CSS. This example shows how to use CSS & CSS Modules to style the cookie banner.
- [Tailwind Cookie Banner](https://c15t.com/docs/framework/react/examples/tailwind): A Cookie Banner example using Tailwind CSS.
- [Scroll Locking](https://c15t.com/docs/framework/react/guides/scroll-locking): Implement effective scroll locking to ensure users provide explicit privacy consent before accessing your site content.
- [Styling Guide](https://c15t.com/docs/framework/react/guides/styling-guide): Learn how to customize the appearance of @c15t/react components through our flexible theming system.
- [Internationalization](https://c15t.com/docs/framework/react/guides/translation): Learn how to translate c15t.com components to your language with i18n.
- [useConsentManager](https://c15t.com/docs/framework/react/hooks/use-consent-manager): The useConsentManager hook provides access to the complete consent management API, allowing you to interact with and control the consent state throughout your application.
- [useFocusTrap](https://c15t.com/docs/framework/react/hooks/use-focus-trap): The useFocusTrap hook provides accessibility-focused keyboard navigation management, keeping focus trapped within modal components for better user experience.

## Optional Resources
- [Advanced Topics](https://c15t.com/docs/advanced): In-depth guides
- [Examples](https://c15t.com/docs/examples): Code samples