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
Composante sociale du skeuomorphisme
Composant de médias sociaux avec conception Skeuomorphism, effets réactifs et prise en charge du thème sombre.
Volet Composantes sociales
Un composant simple de médias sociaux conçu avec le Skeuomorphisme et une palette de couleurs monochromatiques pour le contenu du blog. Il dispose d’une mise en page réactive et d’un support de thème sombre utilisant Tailwind CSS.
Composantes sociales
Une section de composants sociaux conçue dans un style skeuomorphique, avec des effets réactifs et un support de thème sombre.