Tableau des ventes de Glassmorphism
Un composant graphique simple et réactif avec un style Glassmorphism, une palette de couleurs vives et une prise en charge du mode sombre, adapté aux tableaux de bord de commerce électronique.
HTML Code
<div class="p-4 bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg shadow-lg dark:bg-gray-800 dark:bg-opacity-30">
<h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-4">Sales Overview</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="text-center">
<p class="text-sm text-gray-600 dark:text-gray-300">Weekly Sales</p>
<p class="text-2xl font-bold text-purple-600 dark:text-purple-400">$5,200</p>
</div>
<div class="text-center">
<p class="text-sm text-gray-600 dark:text-gray-300">Monthly Sales</p>
<p class="text-2xl font-bold text-teal-600 dark:text-teal-400">$18,500</p>
</div>
</div>
<div class="mt-6">
<div class="h-32 bg-gradient-to-r from-purple-400 to-teal-400 rounded-lg dark:from-purple-600 dark:to-teal-600"></div>
</div>
</div>Composants associés
Memphis_Marketplace_Charts_Component
Il s’agit d’un composant de graphiques complexe et réactif avec une esthétique Memphis Design, des couleurs complémentaires audacieuses, adapté à une place de marché multi-fournisseurs. Comprend la prise en charge du mode sombre et des éléments interactifs.
Composant Graphiques
Un composant de graphiques minimaliste avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS.
Retro_Vintage_Pastel_Social_Charts_Component
Un composant de graphiques complexe et réactif avec une esthétique rétro/vintage des années 80/90 utilisant des couleurs pastel, conçu pour les plateformes de médias sociaux. Inclut la prise en charge du mode sombre.