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 Composants fonctionnels - Interface utilisateur en mode sombre
Un composant de médias sociaux réactif conçu avec le mode sombre et les tons de terre, adapté aux interfaces de réseaux sociaux. Comprend des avatars d’utilisateurs, du contenu de publication et des boutons d’interaction.
Skeuomorphic_Analogous_Simple_Business_Component
Un composant professionnel simple conçu avec un style skeuomorphe utilisant des couleurs analogues, réactif pour les ordinateurs de bureau, les tablettes et les mobiles, avec prise en charge du mode sombre.
Composante gouvernementale monochrome inspirée du papier et de l’impression
Un composant de complexité moyenne imitant le papier physique et les documents imprimés, conçu pour les sites Web du gouvernement et des services publics avec une palette de couleurs monochromatique et une réactivité totale, y compris la prise en charge du mode sombre.