CCHub Logo CCHub Tailwind Collection
Komponenten Soziale Komponenten Komponente "Soziale Komponenten"

Komponente "Soziale Komponenten"

Eine Retro-/Vintage-Social-Media-Komponente mit einfachem Layout und komplementärem Farbschema. Unterstützt den Dunkelmodus und ist reaktionsschnell.

Vorschau

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 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.

Offen

Komponente "Soziale Komponenten"

Eine komplexe, lebendige soziale Komponente für Blog-/Content-Seiten, die sich auf Mikrointeraktionen mit Share-Buttons, Likes, Kommentaren und Speichern konzentriert. Inklusive vollständiger Reaktionsfähigkeit und Unterstützung des Dunkelmodus.

Offen

Komponente "Soziale Komponenten"

Eine reaktionsschnelle Social-Media-Komponente mit Unterstützung des Dunkelmodus für Unternehmenswebsites mit einem triadischen Farbschema.

Offen