Перейти до вмісту
1.6k

Створіть інтерфейс у ретро-стилі за допомогою Neobrutalism.

Раніше — RetroUI.

Усі сайти виглядають однаково, бо всі використовують однакові стандартні налаштування — а неякісні продукти штучного інтелекту ще більше заповнюють Інтернет. Необруталізм — це протиотрута: компоненти, блоки та шаблони для React і CLI shadcn/ui — на основі Radix або Base UI. Встановіть один компонент і переконайтеся в цьому самі.

Отримати повний доступПереглянути компоненти
100% справжні компоненти
Випустіть щось яскраве
Кожен елемент на цій дошці — справжній робочий компонент Neobrutalism.com. Сміливіше, потикайте в них.
ВипуститиЧитати доки
Темна тема
Новинка50+RTL
Рівень хаосу
⌘Kщоб шукати в доках
  • 50+ компонентів
  • Radix і Base UI
  • Сумісно з shadcn CLI
  • Open source
  • 158 готових блоків
  • Блоки та шаблони
  • Figma-кіт у комплекті
  • Підтримка RTL
  • Темна тема
  • Підтримка MCP-сервера
  • Необруталізм назавжди

Готові та налаштовувані
Шаблони

Усі шаблони

Компоненти UI у стилі
необруталізму

Масштабовані компоненти shadcn UI на Base UI та Radix UI — те, що треба для лендингів, SaaS-дашбордів і сучасних вебзастосунків.

Усі компоненти

Збирайте швидше з 200+
блоками

Готові до продакшену секції — hero-блоки, таблиці тарифів, сітки фіч і не тільки — вставляються прямо у ваш продукт.

Про нас

Розкажіть історію та місію вашої компанії.

Штучний інтелект

Чат-інтерфейси та асистенти на базі ШІ.

Автентифікація

Екрани входу та реєстрації.

Bento-сітки

Сучасні сітки з різними блоками контенту.

Блоги

Показуйте свої статті.

Заклики до дії

Переконливі заклики до дії, що залучають користувачів.

Картки

Універсальні картки під різні типи контенту.

Кар'єра

Покажіть вакансії та кар'єрні можливості.

Контакти

Форми зворотного зв'язку та інформаційні блоки.

FAQ

Відповіді на часті запитання.

Блоки можливостей

Покажіть можливості та переваги продукту.

Підвал

Підвали сайту з посиланнями та інформацією.

Усі блоки

Створено, щоб випускати швидко
і не виглядати нудно

Екосистема, зібрана під розробників: надійна основа, багаторазові елементи та повний контроль над кодом. Зроблена, щоб розвивати інтерфейси й підтримувати їх у міру зростання продукту.

Готово до CLI

Скопіюйте або встановіть через CLI

Будь-який компонент установлюється через звичний shadcn CLI — або скопіюйте вихідник просто з доків. У будь-якому разі код опиниться у вашому репозиторії й буде готовий до правок.

npx shadcn@latest add https://neobrutalism.com/r/base/button.json
Tailwind v4

Повністю налаштовуваний

Кожен компонент ваш — змінюйте що завгодно. Tailwind CSS дає змогу підігнати кольори, рамки, тіні та анімації під ваш бренд.

React + TS

Впишеться у ваш улюблений стек

Без тертя стає в застосунки на React із TypeScript і Tailwind CSS, дотримується принципів shadcn/ui й лишається гнучким у різних фреймворках.

ШІ · MCP

Підтримка MCP-сервера у зв'язці з shadcn

Підключіть свій ШІ-редактор до MCP-сервера Neobrutalism.com — і він додаватиме компоненти за назвою, без копіпасту й перемикання контексту.

npx shadcn@latest mcp init

Люблять розробники, дизайнери
і креатори

  • Натрапив на ваш UI-кіт і одразу забрав собі. Тільки потім зазирнув у Twitter і по-справжньому вразився: проєкт новий, його активно підтримують і постійно вдосконалюють. Обожнюю, друже, чудова робота 🤘

    Ziv Reich, Розробник ПЗ

  • Просто хочу сказати: neobrutalism.com — чудова робота. Справді подобається. З дизайном у мене біда, тож це просто порятунок. Поставив на свій особистий сайт.

    Paul Bratslavsky, Автор каналу Coding With Paul

  • Нарешті перезібрав свій особистий сайт — величезна подяка @DovAzencot за те, що познайомив мене зі своєю веселою бібліотекою Neobrutalism.com.

    Cameron Blackwood, Контент-креатор

  • Дві мої улюблені бібліотеки UI-компонентів у ретростилі: 1. https://neobrutalism.com від @DovAzencot, 2. https://neobrutalism.dev від @samuelbreznjak

    Zhengyang Hou, Індіхакер

  • одна з моїх улюблених ui-бібліотек для вебу. класна робота, Аріф. сподіваюся, у проєкту все складеться на велике.

    Taseen Tanvir, Засновник і дизайнер

  • Щойно спробував Neobrutalism.com Pro — чесно кажучи, приємно бачити UI-кіт, який не схожий на все інше. Необруталістичні блоки — вогонь 🔥, з ними прототипувати дивні й веселі макети стало помітно швидше.

    Nitesh Padghan, Гострайтер

Улюбленець спільноти

В основі — open source. Розробники ставлять зірки, обговорюють проєкт і щодня з ним працюють.

1.6K+Зірки на GitHub

Розробники відзначають open-source-компоненти зірками.

750+Учасники в Discord

Творці діляться блоками, темами та відгуками.

250+Користувачі Figma

Проєктують із набором Neobrutalism.com Pro.