Registries
ActiveFeaturedDesign system10,204

@coss

Design system · AGPL-3.0 · data updated 2026-07-08

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.

Install

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

Health

StatusActive
Last committoday
LicenseAGPL-3.0
Open issues14
ArchivedNo
Stars10,204

Components (560)

uiaccordionalertalert-dialogautocompleteavatarbadgebreadcrumbbuttoncalendarcardcheckboxcheckbox-groupcollapsiblecomboboxcommandcontext-menudialogdraweremptyfieldfieldsetformframegroupinputotp-fieldinput-groupkbdlabelmenumeternumber-fieldpaginationpopoverpreview-cardprogressradio-groupscroll-areaselectseparatorsheetsidebarskeletonsliderspinnerswitchtabletabstextareatoasttoggletoggle-grouptoolbartooltipp-accordion-1p-accordion-2p-accordion-3p-accordion-4p-alert-1
Components: ui, accordion, alert, alert-dialog, autocomplete, avatar, badge, breadcrumb, button, calendar, card, checkbox, checkbox-group, collapsible, combobox, command, context-menu, dialog, drawer, empty, field, fieldset, form, frame, group, input, otp-field, input-group, kbd, label, menu, meter, number-field, pagination, popover, preview-card, progress, radio-group, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, table, tabs, textarea, toast, toggle, toggle-group, toolbar, tooltip, p-accordion-1, p-accordion-2, p-accordion-3, p-accordion-4, p-alert-1, p-alert-2, p-alert-3, p-alert-4, p-alert-5, p-alert-6, p-alert-7, p-alert-dialog-1, p-alert-dialog-2, p-autocomplete-1, p-autocomplete-2, p-autocomplete-3, p-autocomplete-4, p-autocomplete-5, p-autocomplete-6, p-autocomplete-7, p-autocomplete-8, p-autocomplete-9, p-autocomplete-10, p-autocomplete-11, p-autocomplete-12, p-autocomplete-13, p-autocomplete-14, p-autocomplete-15, p-avatar-1, p-avatar-2, p-avatar-3, p-avatar-4, p-avatar-5, p-avatar-6, p-avatar-7, p-avatar-8, p-avatar-9, p-avatar-10, p-avatar-11, p-avatar-12, p-avatar-13, p-avatar-14, p-badge-1, p-badge-2, p-badge-3

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@coss · ui

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