DevtoolsNéobrutalisteReact UI templates
Des templates React de sites complets au style néobrutaliste — SaaS, agences, portfolios, dashboards et plus encore. Marketing, authentification et finitions sur Next.js de bout en bout. Prévisualisez chaque écran en direct ; Pro débloque le code source. Compatible avec Radix UI, Base UI et React Aria.
- Templates full-site
- SaaS · portfolio · agence
- Next.js + Tailwind
- Le code est à vous
- Inclus avec Pro
- Aperçus live
- Dashboards qui claquent
- Prêt à déployer
- Néobrutaliste by design
- Radix · Base UI · React Aria
Prêts à l'emploi et personnalisables
Templates
Tous les templates
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
Modèle
hub FAQ
Next.jss complètes sur les sites de cette plateforme : catégories, aperçus en direct, téléchargement au format ZIP Pro, et ce dont vous disposerez une fois le fichier décompressé.
Un projet Next.js multipages prêt à l’emploi dans le système NeoBrutalism — itinéraires, mises en page et UI composées — pas une seule section. Les exemples couvrent les rubriques SaaS, «portfolio», «agence», «tableau de bord» et d’autres modèles de produits similaires.
Ils ouvrent des pages de catégorie indexables (par exemple : SaaS, portfolio) afin que vous puissiez effectuer une recherche par type de produit. Les chiffres indiqués sur chaque icône correspondent au nombre de modèles contenus dans cette catégorie.
Une galerie en direct présentant de véritables exemples de couvertures de modèles issus de cette rubrique — les mêmes éléments que ceux des fiches ci-dessous — afin que vous puissiez avoir un aperçu de la direction visuelle avant d’ouvrir la page détaillée.
Les fiches présentent le slogan et la couverture. Les pages de détails contiennent une description, la liste des fonctionnalités, des remarques sur la version et la plateforme, des modèles associés, ainsi que le lien de téléchargement sur Pro correspondant à ce slug.
Un fichier ZIP du projet : Next.js (coque d’application), wired NeoBrutalism UI, Tailwind (jetons de thème), ainsi que les pages fournies avec le modèle. Il s’agit du code source que vous possédez dans votre dépôt après décompression — et non d’un environnement de test hébergé.
Oui. Les pages marketing, les couvertures et les aperçus en direct sont accessibles au public. Le fichier ZIP se trouve à l’adresse NeoBrutalism Pro Les utilisateurs non connectés doivent cliquer sur «Se connecter»; les utilisateurs non enregistrés (Pro) doivent cliquer sur /pricing ; l’adresse Pro permet d’accéder à l’archive.
Installez les dépendances à l’aide de votre gestionnaire de paquets, configurez les variables d’environnement si le modèle le précise, puis lancez le serveur de développement. La section «À propos / Inclus» de chaque modèle répertorie les éléments particuliers (stubs d’authentification, contenu de démonstration, etc.).
Oui. Considérez cela comme un point de départ : supprimez des routes, conservez les jetons et les composants, ou faites l’inverse. Vous n’êtes pas obligé de vous en tenir à l’architecture de la démo.
Un modèle lorsque vous souhaitez une structure de navigation et plusieurs pages déjà créées. Des blocs lorsque votre application existe déjà et que vous n’avez besoin que d’un élément phare, d’un tableau des tarifs ou d’un écran d’authentification. De nombreuses équipes téléchargent un modèle, puis continuent à ajouter des blocs au fur et à mesure.
Non. Le kit Pro (Figma) est disponible en téléchargement séparé sur /figma. Les modèles sont du code. Utilisez ce kit si les équipes de conception et d’ingénierie ont besoin d’un langage de composants commun en dehors du dépôt.
Next.js + React + TypeScript + Tailwind, NeoBrutalism : modèles de registre. Si votre architecture est différente, privilégiez les composants et blocs libres plutôt qu’une transposition intégrale du modèle.
Les conditions sont régies par votre formule d’Pros (licences + droits commerciaux). Les envois par agence nécessitent généralement une formule «Équipe» ou «Organisation». La matrice complète et la procédure de paiement sont disponibles sur /pricing — elles ne sont pas reproduites ici.