DevtoolsBrutstack
Сучасний шаблон лендінгу з темною темою для інструментів розробки. Ідеальний для опенсорс-проєктів, SaaS, хмарних і хостинг-сервісів.
Необруталістшаблони React UI
Повноцінні шаблони сайтів на React у стилі необруталізму — SaaS, агенції, портфоліо, dashboards та інше. Маркетинг, вхід і доведення одразу на Next.js від початку до кінця. Дивіться кожен екран наживо; Pro відкриває вихідний код. Працюють з Radix UI, Base UI і React Aria.
- Шаблони для всього сайту
- SaaS · портфоліо · агентство
- Next.js + Tailwind
- Станьте власником коду
- Pro включено
- Попередній перегляд у реальному часі
- Керувальні панелі, що вражають
- Готово до розгортання
- Дизайн у стилі необруталізму
- Radix · Base UI · React Aria
Готові й налаштовувані
Шаблони
Усі шаблони
- Devtools
SaaSNeoflux
Багатосторінковий SaaS-шаблон із маркетинговими сторінками, блогом та екранами входу. Підійде будь-якому SaaS-продукту — і B2C, і B2B.
АгенціїBrut Studio
Необруталістичний шаблон лендінгу для агенцій. Підійде креативним агенціям, дизайн-студіям і незалежним фахівцям.
ПортфоліоDefolio
Вражаючий шаблон портфоліо для продуктових дизайнерів і розробників. Зібраний на Neobrutalism.com та його дизайн-системі.
AI SaaSArtis
Світлий і сміливий SaaS-шаблон з акцентом на генерацію зображень ШІ. Ідеальний для вашої наступної AI-обгортки.
ДашбордиBrutAdmin
Необруталістичний адмін-дашборд: картки KPI, аналітика продажів, таблиці товарів і багато іншого — для бек-офісів e-commerce і SaaS.
Люблять розробники, дизайнери
і креатори
Натрапив на ваш 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., Власник агенції
Шаблон
центр FAQ
Повний перелік сайтів Next.js на цьому хабі — категорії, попередній перегляд у реальному часі, завантаження архівів у форматі Pro та те, що ви отримаєте після розпакування.
Багатосторінковий, готовий до запуску проект Next.js у системі NeoBrutalism — маршрути, макети та готові до друку файли UI — жодного розділу. Приклади охоплюють SaaS, портфоліо, агентство, інформаційну панель та подібні шаблони продуктів.
Вони відкривають сторінки категорій з можливістю сортування (наприклад, SaaS, portfolio), щоб ви могли переглядати товари за типом. Числа біля кожної іконки вказують, скільки шаблонів міститься в цій категорії.
Інтерактивна галерея реальних обкладинок шаблонів з цього розділу — ті самі матеріали, що й на картках нижче, — щоб ви могли ознайомитися з візуальним оформленням, не відкриваючи сторінку з детальною інформацією.
На картках містяться слоган та обкладинка. На сторінках з детальною інформацією наводяться опис, перелік функцій, примітки щодо версій та платформ, пов’язані шаблони, а також посилання на завантаження у форматі Pro для цього slug.
Архів проекту: Next.js — оболонка додатка, wired NeoBrutalism UI, Tailwind — маркери тем, а також сторінки, що входять до шаблону. Після розпакування ви отримаєте вихідний код у своєму репозиторії — це не розміщена на сервері тестова середа.
Так. Маркетингові сторінки, обкладинки та попередній перегляд у режимі реального часу є загальнодоступними. Посилання на архів у форматі zip: NeoBrutalism Pro Користувачам, які вийшли з системи, слід натиснути «Увійти»; тим, хто не зареєстрований (Pro), слід перейти за посиланням /pricing; за посиланням Pro можна завантажити архів.
Встановіть необхідні залежності за допомогою вашого менеджера пакетів, налаштуйте змінні середовища, якщо це зазначено в шаблоні, та запустіть сервер розробки. У розділі «Про / Включено» опису кожного шаблону перелічено всі особливості (заготовки для авторизації, демонстраційний контент тощо).
Так. Поставтеся до цього як до початкового варіанту: видаліть маршрути, залиште токени та компоненти — або навпаки. Ви не прив’язані до демонстраційної архітектури.
Шаблон підходить, коли вам потрібна структура сайту та кілька вже готових сторінок. Блоки — коли ваш додаток уже існує, і вам потрібні лише головний блок, блок з цінами або екран авторизації. Багато команд завантажують один шаблон, а потім поступово додають блоки.
Ні. Набір Pro (Figma) — це окремий файл для завантаження на сайті /figma. Шаблони — це код. Використовуйте цей набір, якщо команда дизайнерів та інженерів потребує спільної мови опису компонентів поза межами репозиторію.
Next.js + React + TypeScript + Tailwind, NeoBrutalism — шаблони реєстрів. Якщо ваш стек відрізняється, віддавайте перевагу безкоштовним компонентам та блокам, а не повній заміні шаблонів.
Залежить від вашого тарифного плану Pro (кількість робочих місць + комерційні права). Для агентської доставки зазвичай потрібен тарифний план «Team» або «Organization». Повна матриця тарифів та оформлення замовлення доступні на сайті /pricing — тут вони не наводяться.