CCHub Logo CCHub Tailwind Collection
Komponenten Kennzeichen Retro-Abzeichen

Retro-Abzeichen

Retro/Vintage Badges Komponente für Business-/Unternehmenswebsites mit komplementärem Farbschema. Einfaches Layout, responsives Design mit Unterstützung für dunkle Themen. Kein JavaScript.

Vorschau

HTML-Code 

<div class="flex flex-wrap gap-2 p-4 bg-gray-100 dark:bg-gray-900">
  <!-- Badge 1 -->
  <span class="px-3 py-1 text-sm font-semibold text-purple-800 bg-purple-200 rounded-full dark:text-purple-200 dark:bg-purple-800">
    Vintage Vibe
  </span>

  <!-- Badge 2 -->
  <span class="px-3 py-1 text-sm font-semibold text-yellow-800 bg-yellow-200 rounded-full dark:text-yellow-200 dark:bg-yellow-800">
    Retro Style
  </span>

  <!-- Badge 3 -->
  <span class="px-3 py-1 text-sm font-semibold text-green-800 bg-green-200 rounded-full dark:text-green-200 dark:bg-green-800">
    Classic Look
  </span>
</div>

Verwandte Komponenten

Skeuomorphe Abzeichen

Eine Reihe von Abzeichen mit einem skeuomorphen Design, einem komplementären Farbschema und einem einfachen Layout, geeignet für einen Blog oder eine Content-Site. Reaktionsschnell mit Unterstützung für den Dunkelmodus.

Offen

Badges-Komponente

Eine einfache, reaktionsschnelle Badges-Komponente mit Unterstützung für den Dunkelmodus, die ein triadisches Farbschema verwendet, das für ein Portfolio geeignet ist.

Offen

Badges-Komponente

Badges-Komponente mit responsiver Unterstützung für dunkles Design für E-Commerce.

Offen