Composants fonctionnels
Composant fonctionnel de tableau de bord minimaliste avec un design réactif et une prise en charge du thème sombre.
HTML Code
<div class="min-h-screen bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-white p-4 sm:p-6 lg:p-8">
<div class="container mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<!-- Card 1 -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h2 class="text-xl font-semibold mb-4">Total Users</h2>
<p class="text-3xl font-bold">1500</p>
</div>
<!-- Card 2 -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h2 class="text-xl font-semibold mb-4">Revenue</h2>
<p class="text-3xl font-bold">$5000</p>
</div>
<!-- Card 3 -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6">
<h2 class="text-xl font-semibold mb-4">Orders</h2>
<p class="text-3xl font-bold">300</p>
</div>
</div>
</div>
</div>Composants associés
Composant fonctionnel du neumorphisme
Un composant web suivant le style de conception Neumorphism, construit avec Tailwind CSS. Il prend en charge le responsive design et le mode sombre uniquement via CSS.
Carte de réservation inspirée du papier/de l’impression
Un composant de carte de réservation/réservation simple et réactif avec un design inspiré du papier/de l’impression et une palette de couleurs terre, avec prise en charge du mode sombre. Convient pour afficher les créneaux de rendez-vous ou les détails de la réservation.
Composants fonctionnels
Une fiche produit e-commerce simple et réactive inspirée de la 3D, avec une palette de couleurs analogue, prenant en charge le mode sombre.