Introduction

Створити сайт, що виглядає самобутньо, — непросто. Більшість UI-бібліотек акуратні, безпечні й, чесно кажучи, схожі одна на одну. RetroUI — цілковита протилежність. Це необруталістична система дизайну: товсті рамки, різкі зміщені тіні, прямі кути й жирна виносна типографіка. Грайлива, контрастна й безсумнівно ваша.

RetroUI — це реєстр компонентів, оформлених за необруталістичним рецептом. Ви встановлюєте код прямо у свій проєкт за допомогою CLI shadcn, стаєте його власником і налаштовуєте як завгодно — жодного закритого npm-пакета, з яким доводиться боротися.

Два примітиви, один стиль#

Кожен компонент RetroUI постачається у двох варіантах, щоб ви могли обрати примітив, який уже використовуєте:

• Radix UI — примітиви, на яких побудовано більшість проєктів shadcn.
• Base UI — новіші примітиви від команди Radix / MUI.

Той самий необруталістичний вигляд, ті самі експорти, той самий API — під капотом лише інший рушій. Ви обираєте один варіант для кожного компонента під час встановлення.

Що ви отримуєте#

• Відкритий код — компоненти потрапляють у вашу кодову базу. Читайте їх, редагуйте, розширюйте.
• Необруталізм за замовчуванням — товсті рамки, різкі тіні, анімації натискання й масивні заголовки, усе налаштоване працювати разом.
• Доступний — побудований на примітивах Radix / Base UI, тож підтримка клавіатури та зчитувачів екрана працює з коробки.
• Встановлюється через CLI — shadcn add прямо з реєстру RetroUI, з npm / pnpm / yarn / bun.
• Готовий до ШІ — відкритий код і сервер MCP, щоб ваш ШІ-редактор міг додавати компоненти за назвою.

Початок роботи#

Перейдіть до посібника зі встановлення, щоб налаштувати RetroUI у своєму проєкті, або перегляньте компоненти, щоб побачити, що доступно.