Volet Composantes sociales
Un composant de médias sociaux réactif conçu avec le style Neumorphism et la prise en charge du thème sombre, avec une mise en page simple et des éléments minimaux.
HTML Code
<div class="bg-gray-100 dark:bg-gray-800 rounded-lg shadow-md p-4 max-w-md mx-auto mt-10">
<div class="flex items-center space-x-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full shadow-lg">
<div>
<h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">John Doe</h2>
<p class="text-gray-600 dark:text-gray-300">@john_doe</p>
</div>
</div>
<p class="mt-4 text-gray-800 dark:text-gray-400">Just another day exploring the wonders of nature!</p>
<img src="https://picsum.photos/400/200" alt="Nature Image" class="mt-4 rounded-lg shadow-lg">
<div class="mt-4 flex justify-between">
<button class="bg-blue-500 text-white rounded-full px-4 py-2 shadow-md hover:bg-blue-600 focus:outline-none">Like</button>
<button class="bg-blue-500 text-white rounded-full px-4 py-2 shadow-md hover:bg-blue-600 focus:outline-none">Comment</button>
</div>
</div>Composants associés
Volet Composantes sociales
Composants sociaux Composant avec un design brutal, des effets réactifs et une prise en charge du thème sombre.
Volet Composantes sociales
Composant social Composant avec un design skeuomorphe, une palette de couleurs complémentaire et une complexité modérée. Il est conçu pour les sites Web d’entreprise, est réactif et prend en charge les thèmes sombres.
Volet Composantes sociales
Un composant de médias sociaux réactif avec prise en charge du mode sombre pour les sites Web d’entreprise, avec une palette de couleurs triadique.