Composant Composants de visualisation de données
Il s’agit d’un composant simple de visualisation de données en mode sombre pour les médias sociaux avec une palette de couleurs analogue.
HTML Code
<div class="bg-gray-900 min-h-screen p-4 text-gray-200">
<div class="max-w-md mx-auto bg-gray-800 rounded-lg shadow-lg p-6">
<h2 class="text-xl font-bold mb-4 text-blue-300">Social Media Engagement</h2>
<div class="space-y-4">
<div class="flex items-center justify-between">
<span class="text-gray-400">Likes:</span>
<span class="text-blue-400 font-semibold">12,345</span>
</div>
<div class="flex items-center justify-between">
<span class="text-gray-400">Comments:</span>
<span class="text-green-400 font-semibold">890</span>
</div>
<div class="flex items-center justify-between">
<span class="text-gray-400">Shares:</span>
<span class="text-teal-400 font-semibold">321</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5 mt-4">
<div class="bg-gradient-to-r from-blue-400 via-green-400 to-teal-400 h-2.5 rounded-full" style="width: 75%;"></div>
</div>
<p class="text-sm text-gray-500 text-center mt-2">Overall Engagement: 75%</p>
</div>
</div>
</div>Composants associés
Social_Connection_Chart_Component
Un composant de graphique de connexion sociale de complexité modérée avec un design organique inspiré de la nature, avec du noir, du blanc et une seule couleur d’accent vive. Conçu pour les plateformes de rencontres et les plateformes sociales, il met en valeur les connexions visuellement avec des lignes fluides et des avatars d’utilisateurs. Entièrement réactif avec prise en charge du mode sombre.
Composant de visualisation des données
Composant de visualisation de données Neumorphism avec effets réactifs et prise en charge du thème sombre.
Luxury_Premium_Crypto_Stat_Card
Une carte statistique crypto/blockchain simple et élégante avec des tons de bijoux, un design réactif et une prise en charge du mode sombre, adaptée aux applications de luxe et haut de gamme.