Створіть інтерфейс у ретро-стилі за допомогою Neobrutalism.
Раніше — RetroUI.
NeoBrutalism — бібліотека ретро UI-компонентів для React і Next.js: open-source компоненти, а в Pro — блоки, шаблони та Figma-кіт. Увійдіть, щоб керувати Pro-підпискою, завантажувати матеріали та запрошувати команду.
Додай neobrutal Button, блок Pricing і hero — React + Tailwind, через MCP
Готово. ШІ-агент знайшов це в registry і може встановити справжні компоненти.
MCP-сервер- 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
Будь-який компонент установлюється через звичний shadcn CLI — або скопіюйте вихідник просто з доків. У будь-якому разі код опиниться у вашому репозиторії й буде готовий до правок.
npx shadcn@latest add https://neobrutalism.com/r/base/button.jsonПовністю налаштовуваний
Кожен компонент ваш — змінюйте що завгодно. Tailwind CSS дає змогу підігнати кольори, рамки, тіні та анімації під ваш бренд.
Впишеться у ваш улюблений стек
Без тертя стає в застосунки на React із TypeScript і Tailwind CSS, дотримується принципів shadcn/ui й лишається гнучким у різних фреймворках.
Підтримка MCP-сервера у зв'язці з shadcn
Підключіть свій ШІ-редактор до MCP-сервера Neobrutalism.com — і він додаватиме компоненти за назвою, без копіпасту й перемикання контексту.
npx shadcn@latest mcp initЛюблять розробники, дизайнери
і креатори
Натрапив на ваш UI-кіт і одразу забрав. Новий, активно підтримується і постійно вдосконалюється — чудова робота! 🤘
Ziv Reich, Розробник ПЗ Просто хочу сказати: neobrutalism.com — чудова робота. Справді подобається. З дизайном у мене біда, тож це просто порятунок. Поставив на свій особистий сайт.
Paul Bratslavsky, Автор каналу Coding With Paul Нарешті перезібрав свій особистий сайт на Neobrutalism.com — весела бібліотека, дуже легко почати!
Cameron Blackwood, Контент-креатор Neobrutalism.com — одна з моїх улюблених бібліотек UI-компонентів у ретростилі: компоненти, які справді можна ship’ити.
Zhengyang Hou, Індіхакер одна з моїх улюблених ui-бібліотек для вебу. класна робота, Аріф. сподіваюся, у проєкту все складеться на велике.
Taseen Tanvir, Засновник і дизайнер Спробував Neobrutalism.com Pro — UI-кіт, який не схожий на все інше. Необруталістичні блоки 🔥 прискорили прототипи дивних макетів.
Nitesh Padghan, Гострайтер Чудовий дизайн лендингу з ідеальним балансом і ритмом. Кольорова палітра разом з анімаціями створює винятковий користувацький досвід.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Я справді вражений дизайном, який вони здали. Фінальний продукт точно збігся з тим, що я уявляв.
Desmond, Співзасновник @ VectorlabsVentures Як власник агенції я зазвичай витрачаю тижні на доведення макетів лендингів для клієнтів. З Neobrutalism.com я підключаю шаблон, правля copy — і готовий до релізу.
Duke Opoku Amankwah, Засновник @ Midas Шаблони не лише візуально сильні, а й надзвичайно добре структуровані. Заощадили нам тижні розробки.
Abiola Braimah, Розробник @ Studio IX Виняткова якість і увага до деталей. Адаптивний дизайн бездоганно працює на всіх пристроях.
Acromond X., Співзасновник @ VectorlabsVentures Інтеграція цих шаблонів у наш workflow помітно скоротила цикл розробки. Відмінна робота.
Raquib S., Backend-розробник Ці шаблони стали нашим основним ресурсом. Код чистий, добре задокументований і легко кастомізується.
Hallic M., Розробник @ AtlasLabs Шаблони Neobrutalism.com знаходять ідеальний баланс між естетикою та функціональністю. Справжній game-changer для наших проєктів.
Ibrahim S., Frontend Lead @ ScaleUp Відмінна підтримка і шаблони преміум-якості. ROI цих шаблонів феноменальний.
Kevin K., CEO @ WebCraft Шаблони Neobrutalism.com повністю змінили наш підхід до клієнтських проєктів. Якість коду виняткова, а дизайни — справді world-class.
Danny G., Засновник DevStack Я користувався багатьма бібліотеками шаблонів, але Neobrutalism.com вирізняється увагою до оптимізації продуктивності й чистої архітектури коду.
Ian D., CTO у Wavelength Анімації та мікроінтеракції в цих шаблонах абсолютно приголомшливі. Найкраща інвестиція для нашої design-команди.
Ben S., Lead Designer у PixelPerfect Як нетехнічний засновник, шаблони Neobrutalism.com допомогли нам запустити MVP в рекордні терміни без компромісів щодо якості дизайну. Наші інвестори були в захваті.
Matthew I., Засновник стартапу Мені подобається, наскільки модульні й добре задокументовані ці компоненти. Ми без тертя змішуємо частини з різних шаблонів.
Garrett P., Frontend Lead у TechFusion ROI шаблонів Neobrutalism.com неймовірний. Ми різко скоротили час розробки й при цьому віддаємо клієнтам сайти вищої якості.
Xavier C., Власник агенції
Про нас
NeoBrutalism
Хто ми, що охоплює бренд і куди йти далі на сайті — не гайд зі встановлення і не глибокий розбір цін.