Rechercher des composants

Catégories

Tous les composants

Parcourir tous les composants CSS Tailwind disponibles

Composant de réinitialisation de mot de passe

Un composant de réinitialisation de mot de passe réactif avec la conception Neumorphism, la prise en charge du mode sombre et pas de JavaScript.

Composant Tableaux de données

Un composant de table de données réactif sur le thème du style rétro/vintage, conçu avec Tailwind CSS, prenant en charge le mode sombre et présentant des éléments de design nostalgiques des années 80/90.

Boutons de partage social

Composant de boutons de partage social avec design Glassmorphism, effets réactifs et prise en charge du thème sombre. Aucun JavaScript n’est utilisé.

Composante sociale du skeuomorphisme

Composant de médias sociaux avec conception Skeuomorphism, effets réactifs et prise en charge du thème sombre.

Composant Cartes thermiques

Composant Heat Maps avec effets réactifs et prise en charge du thème sombre.

BrutalisteFollowButton

Un bouton de suivi brutaliste avec prise en charge du mode réactif et sombre.

Composant Composants d’authentification

Un composant d’authentification réactif conçu pour l’interface utilisateur en mode sombre, avec un formulaire de connexion et d’inscription avec le style CSS Tailwind.

Composant de panier d’achat

Un composant de panier d’achat réactif conçu avec un style brutal, avec un contraste élevé et des mises en page inhabituelles. Il prend en charge le thème sombre avec Tailwind CSS.

Grille de données rétro

Un composant de table de données réactif avec une esthétique rétro/vintage des années 80/90 utilisant Tailwind CSS. Il présente un design en blocs, des accents de couleurs vibrantes (violet/orange en mode clair, vert/néon en mode sombre) et une police monospace pour une sensation de technologie nostalgique. Le tableau comprend un style d’en-tête et de ligne distinct, des éléments bordés tels que des avatars et des badges de statut, et prend en charge le mode sombre via CSS. Les données d’espace réservé comprennent les avatars des utilisateurs, les coordonnées, les badges de statut, les rôles et les dates d’adhésion. La table est défilante horizontalement sur des écrans plus petits pour une meilleure réactivité.

Boîte de recherche de la conception matérielle

Un composant de boîte de recherche inspiré des principes de conception matérielle, construit à l’aide de Tailwind CSS. Il présente un comportement réactif s’adaptant à la largeur du conteneur, un retour visuel via des transitions d’ombres de survol et de focus (effets de profondeur) et une prise en charge complète des thèmes sombres. Le composant comprend une icône de recherche principale et garantit une esthétique épurée et moderne. Implémentation CSS uniquement. Idéal pour l’intégration dans diverses dispositions en raison de sa nature « w-full ». Pour des raisons d’accessibilité, assurez-vous d’associer l’élément 'input' à un '<label>' correspondant ou de fournir une 'aria-label' descriptive.