CCHub Logo CCHub Tailwind Collection
Komponenten Medien-Komponenten Brutalismus Pastell-Medienkomponente

Brutalismus Pastell-Medienkomponente

Eine einfache, brutalistische Medienkomponente mit pastellfarbener Farbgebung, die für einen Blog entworfen wurde. Reaktionsschnell mit Unterstützung für den Dunkelmodus.

Vorschau

HTML-Code 

<div class="max-w-sm mx-auto bg-white border border-black shadow-brutalism overflow-hidden mb-4 dark:bg-gray-800 dark:border-gray-600">
  <img class="w-full h-48 object-cover" src="https://picsum.photos/seed/picsum/400/200" alt="Placeholder Image">
  <div class="p-4">
    <div class="font-bold text-xl mb-2 text-black dark:text-white">Media Component Title</div>
    <p class="text-gray-700 text-base dark:text-gray-300">
      This is a simple brutalist media component using pastel colors. It is responsive and supports dark mode.
    </p>
    <div class="mt-4 flex items-center">
      <img class="w-8 h-8 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar of Author">
      <div class="text-sm">
        <p class="text-gray-900 leading-none dark:text-white">Author Name</p>
        <p class="text-gray-600 dark:text-gray-400">Date</p>
      </div>
    </div>
  </div>
</div>

Verwandte Komponenten

Komponente "Medienkomponenten"

Eine komplexe, reaktionsschnelle, mit dem Dark-Modus kompatible Social-Media-Komponente mit einem Glassmorphism-Stil mit leuchtenden Farben.

Offen

Glassmorphism Medienkomponenten Komponente

Glassmorphism Media Component mit responsiven Effekten und Unterstützung für dunkle Themen mit Tailwind CSS

Offen

Medienkomponenten Komponente 39

Eine Medienkomponente, die mit der Benutzeroberfläche des Dunkelmodus entwickelt wurde und reaktionsschnelle Effekte und Unterstützung für dunkle Designs mit Tailwind CSS bietet.

Offen