@c15t/react

@c15t/react

Transform privacy consent from a compliance checkbox into a fully observable system

React components for building privacy-first user interfaces.

Features

• 🎯 Privacy-First Components: Pre-built UI components for consent management
• 🎨 Highly Customizable: Flexible theming and styling system
• ♿ Accessible: WCAG compliant with full keyboard navigation
• 🌐 Regulation Ready: Built to meet GDPR, CCPA, and other privacy requirements
• 🔧 Composable: Uses compound component pattern for maximum flexibility

Documentation

For detailed documentation and examples, visit: https://c15t.com/docs/react/quickstart

⚡ Quick Start Via CLI

# Generates the schema + code
npx @c15t/cli generate 
pnpm dlx @c15t/cli generate
bunx --bun @c15t/cli generate

# Database Migrations (If you're self hosting c15t)
npx @c15t/cli migrate
pnpm dlx @c15t/cli migrate
bunx --bun @c15t/cli migrate

After running the CLI, you can use the following code to get started:

import { ConsentManagerProvider, CookieBanner, ConsentManagerDialog } from "@c15t/react";
import { c15tConfig } from "./c15t.client";

export default function App() {
  return (
    <ConsentManagerProvider options={c15tConfig}>
      <CookieBanner />
      <ConsentManagerDialog/>
      {/* Your app content */}
    </ConsentManagerProvider>
  );
}

📜 License

GNU General Public License v3.0 - See LICENSE for details.

Built with ❤️ by the consent.io team