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

Komponente "Soziale Komponenten"

Eine einfache Social-Media-Komponente, die mit Skeuomorphismus und einem monochromatischen Farbschema für Blog-Inhalte entwickelt wurde. Es verfügt über ein responsives Layout und Unterstützung für dunkle Themen mit Tailwind CSS.

Vorschau

HTML-Code 

<div class="max-w-sm mx-auto bg-gray-100 dark:bg-gray-800 rounded-xl shadow-xl overflow-hidden md:max-w-2xl m-5">
  <div class="md:flex">
    <div class="md:flex-shrink-0">
      <img class="h-48 w-full object-cover md:w-48" src="https://picsum.photos/seed/social/400/300" alt="Social image">
    </div>
    <div class="p-8">
      <div class="uppercase tracking-wide text-sm text-gray-500 dark:text-gray-400 font-semibold">Social Update</div>
      <a href="#" class="block mt-1 text-lg leading-tight font-medium text-gray-900 dark:text-white hover:underline">Engaging Title Here</a>
      <p class="mt-2 text-gray-500 dark:text-gray-400">This is a short description of the social update. It's designed to be concise and engaging for blog readers.</p>
      <div class="mt-4 flex items-center">
        <img class="h-8 w-8 rounded-full mr-2" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar">
        <div class="text-sm">
          <p class="text-gray-900 dark:text-white leading-none">John Doe</p>
          <p class="text-gray-600 dark:text-gray-500">Posted on Oct 26, 2023</p>
        </div>
      </div>
    </div>
  </div>
</div>

Verwandte Komponenten

Soziale Komponenten

Eine Webkomponente mit einem Glassmorphism-Design mit mattglasähnlichen, durchscheinenden Elementen und Unschärfeeffekten, responsiven Effekten und Unterstützung für dunkle Themen.

Offen

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"

Eine reaktionsschnelle Social-Media-Komponente, die mit einer Retro-/Vintage-Ästhetik gestaltet wurde, mit einer reichhaltigen Benutzeroberfläche mit mehreren interaktiven Elementen und einem dunklen Thema.

Offen