Naar inhoud

NeobrutalistischReact UI Figma kit

Een Figma-kit met neobrutalistische look die 1:1 overeenkomt met de React-componenten — 300+ componenten met varianten, auto-layout en Tailwind-class-annotaties. Light- en dark-tokens inbegrepen; Pro ontgrendelt de kit.

Figma set
300+ componenten
  • 300+ Figma-componenten
  • Varianten & auto-layout
  • Tailwind klasse-annotaties
  • Kaarten 1:1 om te coderen
  • Lichte en donkere fiches
  • Inbegrepen bij Pro
  • Ingebouwde thematokens
  • Ontwerpen → verzenden
  • Neobrutalistisch qua ontwerp
  • v1.3 set

Schaal Ontwerp en Ontwikkeling

Een neobrutalistisch systeem op Figma en op React — componenten, varianten, automatische lay-out en tokens die bij de codekit passen, zodat design en techniek niet meer uit elkaar groeien.

01

Elk basisonderdeel, als onderdeel van Figma

Knoppen in dialoogvensters en daarbuiten worden geleverd als echte Figma-componenten met varianten. Ontwerp op basis van dezelfde bibliotheek die je app installeert — niet op basis van een eenmalige mock die de technici helemaal opnieuw moeten bouwen.

Components
Componentenpaneel in de Neobrutalism.com Figma-kit
02

Tailwind klassen op elke laag

Lagen zijn voorzien van aantekeningen met de functies waarnaar ze in de code verwijzen. Het doorgeven gaat via kopiëren en plakken van klassennamen, niet door deze opvulling op het oog aan te passen.

Tailwind classes
Paneel met Tailwind-klassen in de Neobrutalism.com Figma-kit
03

Kies één thema — de rest volgt vanzelf

Lichte en donkere elementen sluiten aan bij het codethema. Wissel de primaire kleuren, achtergronden en lettertypes in de kit om en alle onderdelen worden automatisch aangepast, net zoals de variabelen vCSS de stijl van de site veranderen.

Theme tokens
Paneel met themetokens in de Neobrutalism.com Figma-kit

Figma set · v1.3

Ontwerp je volgende opvallende product

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

Figma-kit
FAQ

Het Pro (.fig)-ontwerpsysteem op deze pagina — de inhoud van het bestand, de download met toegangscontrole, Tailwind annotaties en hoe het samenwerkt met de code.

Figma Probleem met de toegang tot de kit? Stuur een e-mail[email protected]