SkeuomorphismChartsComponent
Componente Grafici Skeuomorfi per Social Media con Colori Complementari
Codice HTML
<div class="p-6 bg-gradient-to-br from-gray-200 to-gray-300 rounded-lg shadow-xl dark:from-gray-700 dark:to-gray-800">
<h2 class="text-xl font-bold mb-4 text-gray-800 dark:text-white">Activity Chart</h2>
<div class="relative h-48">
<canvas id="myChart" class="w-full h-full"></canvas>
</div>
<div class="flex justify-around mt-4 text-gray-600 dark:text-gray-300 text-sm">
<span>Likes</span>
<span>Comments</span>
<span>Shares</span>
<span>Views</span>
</div>
</div>Componenti correlati
Componente RetroChartsCharts
Un componente grafico retrò/vintage con effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS. Include immagini segnaposto.
Componente Grafici
Un componente grafico in stile brutalista per siti web aziendali, caratterizzato da una combinazione di colori triadica e complessità moderata. Include un design reattivo e il supporto per la modalità oscura utilizzando Tailwind CSS.
Componente Grafici
Un componente grafico complesso progettato per applicazioni web di e-commerce in modalità scura con una combinazione di colori in scala di grigi. Questo componente include più elementi interattivi come grafici, punti dati, descrizioni comandi e pulsanti, con un design reattivo che utilizza Tailwind CSS.