coss UI

项目概述

coss UI 是全球顶尖开源排程系统 Cal.com 的官方底层设计系统与组件库。采用极简优雅的现代科技美学，基于 Radix UI 与 Tailwind CSS 构建，为开发者提供高可定制的源码拷贝式（Copy-Paste）组件集合。

核心特性

• ⚡️ 顶级交互质感：沉淀了 Cal.com 在时间选择器、交互弹窗及日程表单上的极致设计水准。
• 100% 源码所有权：兼容现代化 shadcn 注册表体系，组件代码直接融入项目，自由改造。
• 精美暗黑与浅色模式：高对比度黑白灰调色板，专为高端 SaaS 与开发者工具打造。
• ♿️ 全无障碍键盘支持：基于 Radix 状态机驱动，保证复杂下拉与交互行为的无障碍合规。

快速上手与示例代码

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

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

export default function ScheduleAction() {
  return <Button variant="default">立即预约演示</Button>;
}

技术选型建议与适用场景

• 非常适合：现代 SaaS 产品、AI 交互面板、预约排程工具以及追求高端 Linear 风格设计品质的创新团队。
• 不适用场景：对组件库体积有极其严苛限制的轻量静态只读页面。