41 styles · React · Tailwind · Licence MIT

Des composants UI gratuits pour créer sans compromis.

Choisissez un univers visuel complet, prévisualisez ses composants puis copiez le code React et Tailwind. Tous les blocs d’un même style partagent les mêmes couleurs, formes et niveaux de profondeur.

Explorer les 41 styles Utiliser les générateurs CSS

Tous les univers visuels

Chaque page présente le style, ses usages et des composants prêts à intégrer.

Glassmorphism

Le glassmorphism donne à votre UI ce rendu de verre dépoli semi-transparent, avec flou d'arrière-plan, bordures douces et effet de profondeur. Récupérez des composants React et Tailwind gratuits ainsi qu'un générateur CSS en direct, et déployez l'effet en quelques minutes.

Voir les composants →

Maximalism

Le maximalisme, c'est le style web du « toujours plus » : couleurs saturées, motifs superposés, typographie surdimensionnée et densité visuelle joyeuse. Utilisez ces composants React et Tailwind gratuits pour créer des interfaces audacieuses qui attirent le regard.

Voir les composants →

Motion Morphism

Le motion morphism utilise le morphing de formes fluide et les transitions d'éléments partagés pour rendre l'UI vivante et continue. Ces composants React gratuits apportent des animations de morphing fluides à votre application avec une configuration minimale.

Voir les composants →

Retro Futurism

Le rétrofuturisme réinvente le futur à travers un prisme vintage : grilles néon, lettrages chromés et dégradés sci-fi rêveurs des années 80. Composez ce look en un éclair avec ces composants React et Tailwind gratuits.

Voir les composants →

Neumorphism

Le neumorphism (soft UI) fond l'arrière-plan et les éléments grâce à des ombres claires et sombres jumelées, donnant aux contrôles un aspect doucement extrudé. Utilisez ces composants React et Tailwind gratuits ainsi qu'un générateur pour réussir ce look.

Voir les composants →

Claymorphism

Le claymorphism donne aux éléments un aspect de pâte à modeler 3D, doux et rebondi, grâce à des coins arrondis, des ombres portées doubles et de subtiles lumières internes. Récupérez ces composants React et Tailwind gratuits pour créer des interfaces ludiques et tactiles.

Voir les composants →

Skeuomorphism

Le skeuomorphisme imite les matériaux et la profondeur du monde réel : cuir, papier, boutons brillants et ombres réalistes qui suggèrent le fonctionnement des choses. Composez ce look avec ces composants React et Tailwind gratuits.

Voir les composants →

Flat Design

Le flat design abandonne dégradés et ombres au profit de formes nettes, de couleurs vives et d'une typographie claire. Ces composants React et Tailwind gratuits rendent une UI flat épurée et moderne sans effort.

Voir les composants →

Material Design

Le Material Design s'appuie sur l'élévation, les ombres, le retour visuel ripple et une grille structurée pour créer des interfaces tactiles et cohérentes. Déployez le langage de design de Google rapidement avec ces composants React et Tailwind gratuits.

Voir les composants →

Aurora / Mesh

Les fonds aurora et mesh superposent des dégradés animés tout en douceur pour créer un effet d'aurore boréale derrière votre hero. Intégrez ce composant React et Tailwind gratuit pour une ambiance instantanée.

Voir les composants →

Minimalism

Le minimalisme mise sur les espaces blancs, une hiérarchie claire et l'essentiel uniquement, en supprimant tout élément superflu. Construisez des interfaces épurées et focalisées avec ces composants React et Tailwind gratuits.

Voir les composants →

Neobrutalism

Le neobrutalism associe des couleurs vives à des bordures noires épaisses et des ombres décalées massives pour un rendu brut et assumé. Utilisez ces composants React et Tailwind gratuits pour bâtir une UI neobrutalist en un éclair.

Voir les composants →

Brutalism

Le brutalism assume une esthétique web brute et sans fioritures : polices par défaut, contrastes durs et mises en page volontairement austères. Créez des interfaces brutalists authentiques avec ces composants React et Tailwind gratuits.

Voir les composants →

Swiss / International

Le style suisse (style typographique international) repose sur des grilles rigoureuses, une typographie sans serif et une clarté objective. Ces composants React et Tailwind gratuits apportent cet ordre intemporel à vos UI modernes.

Voir les composants →

Editorial / Magazine

Les mises en page éditoriales et magazine misent sur une typographie expressive, des grilles en colonnes et des citations en exergue pour donner au contenu des allures de reportage imprimé. Créez-les vite avec ces composants React et Tailwind gratuits.

Voir les composants →

Bauhaus

Le design Bauhaus réunit couleurs primaires, formes géométriques et typographie fonctionnelle dans une composition affirmée et intemporelle. Utilisez ces composants React et Tailwind gratuits pour porter le mouvement sur le web.

Voir les composants →

Memphis

Le design Memphis, c'est le look ludique des années 80 : gribouillis, pois, zigzags et couleurs pastel-pop qui s'entrechoquent. Créez-le en un instant avec ces composants React et Tailwind gratuits.

Voir les composants →

Cyberpunk / HUD

Le style cyberpunk HUD mêle lueur néon, effets glitch, scanlines et overlays futuristes pour une interface high-tech. Créez des dashboards sci-fi en un clin d'œil avec ces composants React et Tailwind gratuits.

Voir les composants →

Holographic

Le style holographique mise sur des dégradés irisés aux reflets arc-en-ciel et un effet métallique pour donner aux surfaces un rendu premium et futuriste. Ajoutez cet éclat avec ces composants React et Tailwind gratuits.

Voir les composants →

Y2K

Le style Y2K ressuscite le web du début des années 2000 : chrome brillant, boutons façon bulles, halos lumineux et dégradés métalliques. Recréez ce look nostalgique avec ces composants React et Tailwind gratuits.

Voir les composants →

Dark Luxe

Le style dark luxe associe des fonds noirs profonds à des touches dorées ou métalliques et une typographie raffinée pour un rendu premium et haut de gamme. Créez des interfaces sombres élégantes avec ces composants React et Tailwind gratuits.

Voir les composants →

Terminal / Hacker

Les interfaces terminal et hacker évoquent la ligne de commande : polices monospace, curseurs clignotants, vert sur noir et effets de saisie en direct. Recréez ce look avec ces composants React et Tailwind gratuits.

Voir les composants →

Organic / Blob / Fluid

Le design organique et fluide utilise des formes douces, asymétriques et des SVG morphing pour apporter un mouvement naturel. Générez et intégrez ces composants blob React et Tailwind gratuits en quelques secondes.

Voir les composants →

Kinetic Typography

La typographie cinétique anime le texte lui-même : les mots glissent, se décalent, changent d'échelle et réagissent au scroll pour un impact maximal. Donnez du mouvement à vos titres avec ces composants React gratuits.

Voir les composants →

3D / Spatial

Le design 3D et spatial ajoute une vraie profondeur avec perspective, inclinaison et couches parallaxe qui réagissent au curseur. Créez des interfaces immersives avec ces composants React et Tailwind gratuits.

Voir les composants →

Scrollytelling / Parallax

Le scrollytelling et la parallaxe transforment le défilement en récit avec des mouvements en couches, des sections collantes et des révélations liées au scroll. Créez l'expérience rapidement avec ces composants React et Tailwind gratuits.

Voir les composants →

Retro / 8-bit / Pixel

Le style rétro 8-bit et pixel art rappelle l'arcade avec ses polices pixel, ses bords nets et ses bordures en blocs. Recréez ce look avec ces composants React et Tailwind gratuits.

Voir les composants →

Vaporwave

Le style vaporwave mêle dégradés rose et violet, horizons en grille rétro, effets glitch et nostalgie des années 90 pour une esthétique onirique. Recréez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Vintage / Analog

Le style vintage et analogique utilise le grain argentique, des palettes passées et une typographie rétro pour donner aux interfaces une ambiance chaleureuse et nostalgique. Recréez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Newspaper / Print

Le style journal et presse imprimée recrée le quotidien en ligne avec des grilles multi-colonnes, des titres serif, des filets et des bandeaux de une. Recréez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Hand-drawn / Sketch

Le style dessiné à la main et croquis apporte de la personnalité avec des bordures ondulées, des icônes griffonnées et une typo façon marqueur, pour un rendu humain et accessible. Recréez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Collage / Cut-out

Le style collage et découpage superpose papier déchiré, bouts de photos, scotch et techniques mixtes pour des compositions expressives et faites main. Recréez ce look avec ces composants React et Tailwind gratuits.

Voir les composants →

Duotone

Le duotone réduit une image ou une UI à deux couleurs contrastées pour un rendu percutant et cohérent. Appliquez l'effet avec ces composants React et Tailwind gratuits et un générateur duotone.

Voir les composants →

Monochrome

Le design monochrome utilise une seule teinte ou des niveaux de gris sur toute l'interface pour un rendu raffiné, cohérent et très contrasté. Recréez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Pastel / Soft

Le style pastel et doux mise sur des couleurs feutrées peu saturées, des formes arrondies et des ombres délicates pour une interface calme et accueillante. Recréez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Luxury / Elegant

Le style luxe et élégant mise sur une typo serif raffinée, des touches dorées ou feutrées et des espaces blancs généreux pour évoquer la qualité premium. Concevez des interfaces haut de gamme avec ces composants React et Tailwind gratuits.

Voir les composants →

Corporate / Clean SaaS

Le style SaaS corporate et épuré offre une UI rassurante et orientée conversion : hero clairs, grilles de fonctionnalités et tableaux de tarifs. Lancez vos pages produit en un éclair avec ces composants React et Tailwind gratuits.

Voir les composants →

Playful / Cartoon

Le style ludique et cartoon mise sur les couleurs vives, les formes arrondies et les animations rebondissantes pour des interfaces fun et accessibles. Créez une UI réjouissante avec ces composants React et Tailwind gratuits.

Voir les composants →

Earthy / Eco

Le style naturel et éco joue sur les verts, les bruns et les neutres chaleureux avec des textures organiques, pour une ambiance ancrée et durable. Construisez-le avec ces composants React et Tailwind gratuits.

Voir les composants →

Art Deco

Le style Art Déco se distingue par sa géométrie symétrique, ses lignes dorées, ses motifs en éventail et le glamour élégant des années 1920. Recréez ce look avec ces composants React et Tailwind gratuits.

Voir les composants →

Grunge / Distressed

Le style grunge et usé mise sur les textures brutes, les bords déchirés, les éclaboussures et une typographie rugueuse pour une ambiance brute et rebelle. Construisez-le avec ces composants React et Tailwind gratuits.

Voir les composants →