简介

打造一个与众不同的网站很难。大多数 UI 库都干净、稳妥，而且——老实说——看起来都一个样。RetroUI 恰恰相反。 它是一套新野兽主义设计系统：粗厚的边框、硬朗的偏移阴影、直角的边角，以及醒目的展示字体。俏皮、高对比，并且毫无疑问属于您自己。

RetroUI 是一套按照新野兽主义配方重新设计样式的组件注册表。您可以使用 shadcn CLI 将代码直接安装到项目中，完全拥有它，并随心所欲地定制——没有需要费力对付的黑盒 npm 包。

两种基础组件，一种风格#

每个 RetroUI 组件都提供两种变体，因此您可以选择自己已经在用的基础组件：

• Radix UI——大多数 shadcn 项目所依赖的基础组件。
• Base UI——来自 Radix / MUI 团队的更新的基础组件。

相同的新野兽主义外观、相同的导出、相同的 API——只是底层引擎不同。您在安装时为每个组件选择其中之一。

您能获得什么#

• 开放代码——组件会进入您的代码库。阅读它们、编辑它们、扩展它们。
• 默认新野兽主义——粗犷的边框、硬朗的阴影、按压动画和厚重的标题，全部经过调校以协同工作。
• 无障碍——基于 Radix / Base UI 基础组件构建，因此键盘和屏幕阅读器支持开箱即用。
• 可通过 CLI 安装——直接从 RetroUI 注册表 shadcn add，支持 npm / pnpm / yarn / bun。
• 面向 AI——开放代码外加一个 MCP 服务器，让您的 AI 编辑器可以按名称添加组件。

开始使用#

前往安装指南在您的项目中配置 RetroUI，或浏览组件看看有哪些可用。