coss UI

Overview

coss UI is the official component kit and design system developed by the Cal.com engineering team. Designed with a clean, Linear-inspired dark/light aesthetic, it provides copy-paste React components compatible with modern shadcn workflows.

Key Features

• Tailwind-First Architecture: Built natively with Tailwind CSS utilities and Radix UI primitives.
• Copy-Paste Philosophy: Full ownership over source code without third-party package lock-in.
• High-End Scheduling & Calendar UI: Incorporates world-class time pickers, calendar widgets, and booking flows.
• Production Tested at Scale: Powering millions of booking requests across global enterprise deployments.

Installation & Quick Start

npx shadcn@latest add https://coss.com/r/button.json

import { Button } from '@/components/ui/button';

export default function App() {
  return <Button variant="primary">Schedule Meeting</Button>;
}

Why Choose coss UI?

• Best for: Modern SaaS applications, scheduling platforms, and teams seeking refined product aesthetics.
• Not suitable for: Legacy multi-page server architectures without React and Tailwind.