Des composants d’interface réutilisables pour des sites modernes

Si les sections forment le squelette d’une page, les composants en sont les organes qui la font fonctionner. Notre bibliothèque de composants d’interface propose plus de 300 éléments à déposer dans n’importe quelle section ou page pour construire des interfaces riches et interactives, sans écrire de CSS sur mesure. Chaque composant est autonome, responsive et conçu pour s’harmoniser avec les autres.

Les catégories de composants

Les composants de cartes sont les plus polyvalents : utilisez-les pour des articles, des produits, des membres d’équipe ou des fonctionnalités à mettre en avant. Les champs de formulaire gèrent textes, listes de choix, interrupteurs et envois de fichiers, avec un style homogène d’un navigateur à l’autre. Les fenêtres modales et boîtes de dialogue présentent un contenu ciblé sans quitter la page. Badges, étiquettes et avatars ajoutent des informations visuelles aux listes et aux profils. Les tableaux affichent des données structurées, avec tri et défilement horizontal responsive sur mobile. Boutons, alertes, indicateurs de progression et séparateurs complètent la collection avec les éléments d’interface essentiels.

En quoi les composants diffèrent des sections

Les sections sont des blocs autonomes pleine largeur (par exemple une grille tarifaire qui occupe toute la largeur de la page). Les composants sont des éléments plus petits qui vivent à l’intérieur des sections. Une « section équipe » peut utiliser un composant de carte pour chaque membre, des badges pour les rôles et des avatars pour les photos. Cette approche modulaire permet de personnaliser les sections dans le moindre détail sans tout reconstruire.

Construits avec Tailwind CSS

Chaque composant utilise les classes utilitaires de Tailwind CSS, ce qui les rend faciles à personnaliser directement dans le code. Envie d’un arrondi différent pour une carte ? Remplacez rounded-lg par rounded-xl. D’autres espacements ? Ajustez les classes de padding. Ce système de styles cohérent garde tous les composants en harmonie, que vous construisiez un tableau de bord SaaS, un catalogue de produits ou un portfolio créatif. Les composants héritent aussi des couleurs du thème de votre site : ils s’adaptent quand vous passez d’un style sombre à un style minimaliste.