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"

Soziale Komponenten Komponente mit einem skeuomorphen Design, komplementärem Farbschema und mäßiger Komplexität. Es wurde für Geschäfts-/Unternehmenswebsites entwickelt, ist reaktionsschnell und unterstützt dunkle Themen.

Offen

Komponente "Soziale Komponenten"

Retro/Vintage Social Components Komponente mit monochromatischem Farbschema und einfacher Komplexität, entwickelt für Blogs/Inhalte, mit Unterstützung für dunkle Themen.

Offen

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