NéobrutalisteReact UI Figma kit
Un kit Figma au style néobrutaliste, en correspondance 1:1 avec les composants React — plus de 300 composants avec variantes, auto-layout et annotations de classes Tailwind. Tokens clairs et sombres inclus ; Pro débloque le kit.
- 300+ composants Figma
- Variantes & auto-layout
- Annotations classes Tailwind
- Correspondance 1:1 au code
- Tokens clair et sombre
- Inclus avec Pro
- Tokens de thème intégrés
- Design → ship
- Néobrutaliste by design
- Kit v1.3
Alignez design et
développement
Un système néobrutaliste disponible sur Figma et sur React: des composants, des variantes, une mise en page automatique et des tokens adaptés au kit de code, afin que la conception et l’ingénierie ne s’éloignent plus l’une de l’autre.
Chaque composant fondamental, en tant que composant Figma
Les boutons, qu’ils apparaissent dans des boîtes de dialogue ou ailleurs, sont fournis sous forme de véritables composants d’Figma, avec leurs variantes. Concevez votre application en vous appuyant sur la bibliothèque qu’elle installe elle-même, et non sur une maquette ponctuelle que l’équipe technique doit recréer de toutes pièces.
Tailwind des classes à chaque niveau
Les calques sont annotés avec les utilitaires auxquels ils correspondent dans le code. Le transfert consiste à copier-coller les noms de classes, et non à faire correspondre ces espaces de remplissage à l’œil nu.
Choisissez un thème une seule fois — tout le reste suit
Les éléments clairs et foncés reflètent le thème du code. Il suffit d’intervertir les couleurs principales, les surfaces et les polices dans le kit pour que toutes les instances soient mises à jour, de la même manière que les variables d’CSS permettent de modifier le thème du site.
Kit Figma · v1.3
Concevez votre prochain produit qui fera parler de lui
Adoré par les devs, designers
& créateurs
Je suis tombé sur ton kit UI et je l’ai adopté aussitôt. Bluffé de voir que c’est récent, activement maintenu et sans cesse amélioré — super boulot ! 🤘
Ziv Reich, Développeur logiciel Je voulais juste dire : super travail sur neobrutalism.com. J’adore vraiment. Je suis nul en design, alors c’était génial. Je l’ai utilisé sur mon site perso.
Paul Bratslavsky, Créateur de Coding With Paul J’ai enfin refait mon site perso avec Neobrutalism.com — super bibliothèque, trop simple pour démarrer !
Cameron Blackwood, Créateur de contenu Neobrutalism.com est l’une de mes bibliothèques de composants UI rétro préférées — des composants qui se shippent vraiment.
Zhengyang Hou, Indie hacker l’une de mes bibliothèques ui préférées pour le web. beau travail — j’espère que ça ira encore plus loin.
Taseen Tanvir, Fondateur & designer Je viens d’essayer Neobrutalism.com Pro — un kit UI qui ne ressemble pas à tout le reste. Les blocs néobrutalistes 🔥 m’ont permis de prototyper des layouts barrés bien plus vite.
Nitesh Padghan, Rédacteur fantôme Un design de landing page magnifique, avec un équilibre et un rythme parfaits. La palette de couleurs associée aux animations crée une expérience utilisateur exceptionnelle.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Je suis vraiment impressionné par le design livré. Le résultat final correspond exactement à ce que j’avais imaginé.
Desmond, Co-fondateur @ VectorlabsVentures En tant que dirigeant d’agence, je passais souvent des semaines à peaufiner les landing pages de mes clients. Avec Neobrutalism.com, j’insère un template, j’ajuste le texte, et je suis prêt à shipper.
Duke Opoku Amankwah, Fondateur @ Midas Les templates ne sont pas seulement superbes visuellement : ils sont aussi extrêmement bien structurés. Ils nous ont fait gagner des semaines de développement.
Abiola Braimah, Développeur @ Studio IX Qualité remarquable et souci du détail. Le design responsive fonctionne parfaitement sur tous les appareils.
Acromond X., Co-fondateur @ VectorlabsVentures Intégrer ces templates à notre workflow a nettement réduit notre cycle de développement. Excellent travail.
Raquib S., Développeur backend Ces templates sont devenus notre ressource de référence. Le code est propre, bien documenté et facilement personnalisable.
Hallic M., Développeur @ AtlasLabs Les templates Neobrutalism.com trouvent le juste équilibre entre esthétique et fonctionnalité. Un vrai game-changer pour nos projets.
Ibrahim S., Lead frontend @ ScaleUp Un support remarquable et des templates premium. Le ROI de ces templates est phénoménal.
Kevin K., CEO @ WebCraft Les templates Neobrutalism.com ont complètement transformé notre façon d’aborder les projets clients. La qualité du code est exceptionnelle et les designs vraiment world-class.
Danny G., Fondateur de DevStack J’ai utilisé beaucoup de bibliothèques de templates, mais Neobrutalism.com se démarque par son attention à la performance et à une architecture de code propre.
Ian D., CTO @ Wavelength Les animations et micro-interactions de ces templates sont absolument bluffantes. Le meilleur investissement pour notre équipe design.
Ben S., Lead designer @ PixelPerfect En tant que fondateur non technique, les templates Neobrutalism.com nous ont permis de lancer notre MVP en un temps record sans sacrifier la qualité du design. Nos investisseurs ont été bluffés.
Matthew I., Fondateur de startup J’apprécie à quel point ces composants sont modulaires et bien documentés. On a pu mélanger des pièces de différents templates sans friction.
Garrett P., Lead frontend @ TechFusion Le ROI des templates Neobrutalism.com est incroyable. Nous avons radicalement réduit notre temps de développement tout en livrant des sites de meilleure qualité à nos clients.
Xavier C., Dirigeant d’agence
Figma kit
FAQ
Le système de conception.fig d’Pro, présenté sur cette page : contenu des fichiers, téléchargement sous conditions d’accès, annotations Tailwind et son intégration au code.