Docs Integrations Changelog

Loading…

c15t

Back to Changelog

Apr 24, 20252.38 min read

v1.1.1 — Bundle Reduction Update

Posted By

Christopher Burns

Major Changes

This release focuses on massive bundle size reduction and introduces a new headless package for maximum flexibility and performance.

🚀 Performance Revolution

Bundle Size Optimization

MASSIVE: Reduced package size from 84.2 kB → 34.6 kB (gzip) — a 58.9% reduction
Removed framer-motion dependency for lighter bundle
Replaced Tailwind variants with native transitions and utility classes
Zero compromise on UX while achieving faster load times

Performance Metrics

Before: 84.2 kB (gzip)
After:  34.6 kB (gzip)
Reduction: 58.9% smaller bundle

🧠 Introducing @c15t/react/headless

For Teams Who Need Full Control

NEW: Introduced @c15t/react/headless for teams who don't need the built-in cookie banner
Ultra-lightweight: Only 12.5 kB (gzip) footprint
Perfect for custom implementations and design systems
Complete access to consent logic without built-in UI components

Headless Usage Example

import { 
  ConsentManagerProvider,
  type ConsentManagerOptions
} from '@c15t/react/headless';

export default function Layout({ children }: { children: ReactNode }) {
  const options: ConsentManagerOptions = {
    mode: 'c15t', 
    backendURL: process.env.NEXT_PUBLIC_C15T_URL,
  };

  return (
    <ConsentManagerProvider options={options}>
      {children}
    </ConsentManagerProvider>
  );
}

// Full-featured with built-in UI (34.6 kB)
import { ConsentManagerProvider, CookieBanner } from '@c15t/react';

<ConsentManagerProvider options={options}>
  <CookieBanner />
  {children}
</ConsentManagerProvider>

// Custom UI with consent logic only (12.5 kB)
import { ConsentManagerProvider, useConsent } from '@c15t/react/headless';

function CustomBanner() {
  const { consents, setConsent } = useConsent();
  return (
    <div className="my-custom-banner">
      {/* Your custom implementation */}
    </div>
  );
}