Volet Composantes sociales
Un composant de médias sociaux rétro/vintage avec une mise en page simple et une palette de couleurs complémentaire. Prend en charge le mode sombre et est réactif.
HTML Code
<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg shadow-md max-w-sm mx-auto">
<div class="flex items-center mb-4">
<img class="w-10 h-10 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar">
<div class="text-gray-900 dark:text-white font-bold text-xl">User Name</div>
</div>
<p class="text-gray-700 dark:text-gray-300 text-base mb-4">
This is a sample social media post with a retro feel. #retro #tailwind
</p>
<img class="w-full rounded-lg mb-4" src="https://picsum.photos/400/300" alt="Sample Image">
<div class="flex justify-between items-center">
<div class="flex text-gray-700 dark:text-gray-300">
<span class="mr-2">❤️ 120</span>
<span>💬 30</span>
</div>
<div class="text-blue-600 dark:text-blue-400 font-bold">View Comments</div>
</div>
</div>Composants associés
Volet Composantes sociales
Un composant de médias sociaux de style rétro/vintage doté d’une interface riche avec de multiples éléments interactifs, conçu avec des couleurs complémentaires et prenant en charge le mode sombre.
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 de médias sociaux simple et réactif avec des animations attrayantes et un thème sombre, utilisant Tailwind CSS.