DevtoolsNeobrutalistischReact UI-sjablonen
Volledige React-sitetemplates met een neobrutalistische look — SaaS, bureaus, portfolio's, dashboards en meer. Marketing, auth en afwerking zitten van begin tot eind op Next.js. Bekijk elk scherm live; Pro ontgrendelt de broncode. Werkt met Radix UI, Base UI en React Aria.
- Sjablonen voor de hele site
- SaaS · portfolio · bureau
- Next.js + Tailwind
- De code is van jou
- Pro meegeleverd
- Live-voorbeelden
- Dashboards die indruk maken
- Klaar voor gebruik
- Neobrutalistisch qua ontwerp
- Radix · Base UI · React Aria
Klaar en aanpasbaar
Templates
Alle templates
Geliefd bij developers, designers
& makers
Ik stuitte op je UI-kit en pakte hem meteen. Onder de indruk: nieuw, actief onderhouden en constant verbeterd. Geweldig werk! 🤘
Ziv Reich, Softwareontwikkelaar Ik wilde even zeggen: geweldig werk aan neobrutalism.com. Ik vind het echt top. Ik ben waardeloos in design, dus dit was perfect. Ik heb het op mijn persoonlijke site gebruikt.
Paul Bratslavsky, Maker van Coding With Paul Eindelijk mijn persoonlijke website opnieuw gebouwd met Neobrutalism.com — leuke bibliotheek, super makkelijk om te starten!
Cameron Blackwood, Contentmaker Neobrutalism.com is een van mijn favoriete UI-componentbibliotheken in retrostijl — componenten die echt shippen.
Zhengyang Hou, Indie hacker een van mijn favoriete ui-bibliotheken voor het web. mooi werk — hoop dat het groots wordt.
Taseen Tanvir, Oprichter & designer Net Neobrutalism.com Pro geprobeerd — een UI-kit die niet op al het andere lijkt. De neobrutalistische blokken 🔥 maakten rare, speelse layouts sneller prototypen.
Nitesh Padghan, Ghostwriter Prachtig landingpage-ontwerp met perfecte balans en flow. Het kleurenpalet gecombineerd met de animaties levert een uitzonderlijke gebruikerservaring op.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Ik ben echt onder de indruk van het ontwerp dat ze hebben opgeleverd. Het eindproduct kwam precies overeen met wat ik voor ogen had.
Desmond, Medeoprichter @ VectorlabsVentures Als agency-eigenaar besteed ik meestal weken aan het perfectioneren van landingpage-layouts voor klanten. Met Neobrutalism.com plug ik een template in, pas de copy aan, en ik ben klaar om te shippen.
Duke Opoku Amankwah, Oprichter @ Midas De templates zijn niet alleen visueel indrukwekkend, maar ook ongelooflijk goed gestructureerd. Ze hebben ons weken ontwikkeltijd bespaard.
Abiola Braimah, Developer @ Studio IX Uitstekende kwaliteit en oog voor detail. Het responsive design werkt feilloos op alle apparaten.
Acromond X., Medeoprichter @ VectorlabsVentures Deze templates in onze workflow integreren heeft onze ontwikkelcyclus sterk verkort. Uitstekend werk.
Raquib S., Backend-ontwikkelaar Deze templates zijn onze go-to-resource geworden. De code is schoon, goed gedocumenteerd en makkelijk aan te passen.
Hallic M., Developer @ AtlasLabs Neobrutalism.com-templates raken de perfecte balans tussen esthetiek en functionaliteit. Een echte game-changer voor onze projecten.
Ibrahim S., Frontend Lead @ ScaleUp Uitstekende support en premium templates. De ROI van deze templates is fenomenaal.
Kevin K., CEO @ WebCraft Neobrutalism.com-templates hebben compleet veranderd hoe we nieuwe klantprojecten aanpakken. De codekwaliteit is uitzonderlijk en de designs zijn echt world-class.
Danny G., Oprichter van DevStack Ik heb veel templatebibliotheken gebruikt, maar Neobrutalism.com valt op door aandacht voor performance-optimalisatie en schone code-architectuur.
Ian D., CTO bij Wavelength De animaties en micro-interacties in deze templates zijn absoluut verbluffend. Beste investering voor ons designteam.
Ben S., Lead Designer bij PixelPerfect Als niet-technische oprichter hielpen Neobrutalism.com-templates ons om onze MVP in recordtijd te lanceren zonder in te leveren op designkwaliteit. Onze investeerders waren onder de indruk.
Matthew I., Startup-oprichter Ik waardeer hoe modulair en goed gedocumenteerd deze componenten zijn. We konden stukken van verschillende templates naadloos mixen.
Garrett P., Frontend Lead bij TechFusion De ROI van Neobrutalism.com-templates is ongelooflijk. We hebben de ontwikkeltijd drastisch verkort en leveren tegelijk betere sites aan onze klanten.
Xavier C., Agency-eigenaar
Sjabloon
hub FAQ
Volledige webNext.jss op deze hub — categorieën, live voorbeelden, Pro zip-download en wat je na het uitpakken in je bezit hebt.
Een kant-en-klaar, uit meerdere pagina’s bestaand Next.js-project in het NeoBrutalism-systeem — routes, lay-outs en samengestelde UI — geen enkel afzonderlijk onderdeel. Voorbeelden variëren van SaaS, portfolio, bureau, dashboard en soortgelijke productsjablonen.
Ze openen doorbladerbare categoriepagina’s (bijv. SaaS, portfolio), zodat je op producttype kunt bladeren. De getallen bij elke chip geven aan hoeveel sjablonen er in die categorie zitten.
Een live galerij met echte sjabloonomslagen van deze hub — dezelfde afbeeldingen als op de kaarten hieronder — zodat je de visuele stijl even kunt bekijken voordat je een detailpagina opent.
Op de kaarten staan de slogan en de omslag. Op de detailpagina’s vind je meer informatie, een lijst met functies, opmerkingen over de versie en het platform, gerelateerde sjablonen en het downloadpad op Pro voor die slug.
Een zip-bestand met het project: Next.js app-shell, wired NeoBrutalism UI, Tailwind thematokens en de pagina’s die bij de template worden geleverd. Dit is broncode die je na het uitpakken in je repo hebt — geen gehoste sandbox.
Ja. De marketingpagina’s, omslagen en live-voorbeelden zijn openbaar. De zip-bestand vind je op NeoBrutalism Pro Als je niet bent ingelogd, klik je op ‘Inloggen’; als je geen Pro hebt, ga je naar /pricing; via Pro kom je bij het archief.
Installeer de afhankelijkheden via je pakketbeheerder, stel de omgevingsvariabelen in als dat in de sjabloon wordt aangegeven, en start de ontwikkelingsserver. In het gedeelte ‘Over / Meegeleverd’ van elke sjabloon staat vermeld of er iets speciaals is (authenticatiestubs, demo-inhoud, enz.).
Ja. Zie het als een startpunt: verwijder routes, behoud tokens en componenten, of juist andersom. Je zit niet vast aan de demo-IA.
Een sjabloon als je routing wilt en meerdere pagina’s al klaar hebt. Blokken als je app al bestaat en je alleen nog een hero, een prijstabel of een inlogscherm nodig hebt. Veel teams downloaden één sjabloon en voegen daarna steeds blokken toe.
Nee. De Pro Figma-kit kun je apart downloaden op /figma. Sjablonen zijn code. Gebruik de kit als design en engineering een gemeenschappelijke componenttaal nodig hebben buiten de repo om.
Next.js + React + TypeScript + Tailwind, NeoBrutalism registratiepatronen. Als je stack er anders uitziet, geef dan de voorkeur aan losse componenten en blokken boven het volledig overnemen van een sjabloon.
Dit hangt af van je Pro-abonnement (licenties + commerciële rechten). Voor verzending via een agentschap heb je meestal een Team- of Organisatie-abonnement nodig. De volledige matrix en het afrekenproces vind je live op /pricing — hier wordt dit niet herhaald.