Componenti funzionali Componente
Componente funzionale della dashboard minimalista con design reattivo e supporto per temi scuri.
Codice HTML
<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>Componenti correlati
Componenti funzionali
Un componente funzionale con design scheumorfico, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.
Componenti funzionali Componente
Un componente minimalista del portfolio progettato con Tailwind CSS, caratterizzato da una combinazione di colori vivaci e che supporta la modalità oscura. Questo componente è destinato a mostrare lavori o prodotti e include immagini e segnaposto per avatar.
Componenti funzionali Componente
Un componente per i social media progettato con stile Brutalismo e colori pastello, caratterizzato da un'interfaccia complessa per le interazioni, con supporto per la modalità oscura.