@coss

The official Cal.com design system, formerly known as Origin UI, now under coss.com/ui. A modern, TypeScript-first component library built on Base UI (not Radix UI), designed for developers and AI-assisted tooling. Covers standard UI primitives with Cal.com's visual language — clean, minimal, developer-focused. Monorepo includes apps/origin legacy components. Free and open source. Use for: adopting the Cal.com design system's Base UI primitives when you want an alternative to Radix-based shadcn with a battle-tested real-world design system behind it.

60 components react shadcn-cli AGPL-3.0

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://coss.com/ui/r/registry.json

pnpm pnpm dlx shadcn@latest add https://coss.com/ui/r/registry.json

bun bunx shadcn@latest add https://coss.com/ui/r/registry.json

fetch registry curl -s https://coss.com/ui/r/registry.json

Components

60 total

ui ui

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

accordion ui

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

alert ui

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

alert-dialog ui

npx shadcn@latest add https://coss.com/ui/r/alert-dialog.json

autocomplete ui

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

avatar ui

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

badge ui

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

breadcrumb ui

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

button ui

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

calendar ui

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

card ui

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

checkbox ui

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

checkbox-group ui

npx shadcn@latest add https://coss.com/ui/r/checkbox-group.json

collapsible ui

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

combobox ui

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

command ui

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

context-menu ui

npx shadcn@latest add https://coss.com/ui/r/context-menu.json

dialog ui

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

drawer ui

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

empty ui

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

field ui

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

fieldset ui

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

form ui

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

frame ui

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

group ui

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

input ui

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

otp-field ui

npx shadcn@latest add https://coss.com/ui/r/otp-field.json

input-group ui

npx shadcn@latest add https://coss.com/ui/r/input-group.json

kbd ui

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

label ui

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

menu ui

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

meter ui

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

number-field ui

npx shadcn@latest add https://coss.com/ui/r/number-field.json

pagination ui

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

popover ui

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

preview-card ui

npx shadcn@latest add https://coss.com/ui/r/preview-card.json

progress ui

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

radio-group ui

npx shadcn@latest add https://coss.com/ui/r/radio-group.json

scroll-area ui

npx shadcn@latest add https://coss.com/ui/r/scroll-area.json

select ui

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

separator ui

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

sheet ui

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

sidebar ui

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

skeleton ui

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

slider ui

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

spinner ui

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

switch ui

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

table ui

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

tabs ui

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

textarea ui

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

toast ui

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

toggle ui

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

toggle-group ui

npx shadcn@latest add https://coss.com/ui/r/toggle-group.json

toolbar ui

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

tooltip ui

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

p-accordion-1 block

Basic accordion

npx shadcn@latest add https://coss.com/ui/r/p-accordion-1.json

p-accordion-2 block

Accordion with one panel open

npx shadcn@latest add https://coss.com/ui/r/p-accordion-2.json

p-accordion-3 block

Accordion allowing multiple panels open

npx shadcn@latest add https://coss.com/ui/r/p-accordion-3.json

p-accordion-4 block

Controlled accordion

npx shadcn@latest add https://coss.com/ui/r/p-accordion-4.json

p-alert-1 block

Basic alert

npx shadcn@latest add https://coss.com/ui/r/p-alert-1.json