Origin UI: 基于 Tailwind CSS 和 React 的可复用组件库

🔗 GitHub

Origin UI 是一个丰富的可复制粘贴组件集合，用于快速构建应用程序界面。由 Tailwind CSS 和 React 提供支持，提供免费、开源且随时可以集成到项目中的组件。

该库于 2025 年 2 月 25 日更新至 Tailwind CSS v4，同时保留了使用 v3 构建的旧版组件。新组件将只为 Tailwind v4 开发。

主要特点

• 设计精美：包含数百个组件，并持续更新新设计
• 无缝集成：专为 Next.js 项目设计，但也兼容任何基于 React 的项目
• 遵循 shadcn 约定：对于使用过 shadcn 的开发者来说感觉熟悉
• 提供漂亮的 UI 布局：帮助你快速启动下一个项目

使用方法

使用非常简单，只需将 Origin UI 的 .tsx 文件复制到项目的 components/ui 文件夹中，并将 utils.ts 复制到项目的 lib 文件夹中即可。

开源许可证

MIT License。