Komponente "Soziale Komponenten"
Eine Retro-/Vintage-Social-Media-Komponente mit einfachem Layout und komplementärem Farbschema. Unterstützt den Dunkelmodus und ist reaktionsschnell.
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>Verwandte Komponenten
Komponente "Soziale Komponenten"
Eine einfache, elegante soziale Komponente, die für Musik- und Audioplattformen mit kontrastreichem Farbschema und luxuriösem Design entwickelt wurde, mit Benutzerprofil, Followern und Engagement-Metriken. Vollständig reaktionsschnell mit Unterstützung des Dunkelmodus.
Komponente "Soziale Komponenten"
Eine soziale Komponente für ein Armaturenbrett mit brutalistischem und pastellfarbenem Design. Es zeigt ein Benutzerprofil mit einem Namen, einem Titel und einem Avatar an und enthält Schaltflächen für soziale Aktionen wie Folgen, Messaging und Teilen. Die Komponente reagiert und unterstützt den Dunkelmodus.
Komponente "Soziale Komponenten"
Eine einfache soziale Komponente, die in einem skeuomorphen Stil mit leuchtenden Farben für eine professionelle Unternehmenswebsite und einem responsiven Design mit Unterstützung für den Dunkelmodus entwickelt wurde.