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

Badges-Komponente

Eine einfache und reaktionsschnelle Badges-Komponente, die mit einer 3D-Ästhetik und einem komplementären Farbschema für den Konsum von Blogs und Inhalten entwickelt wurde. Unterstützt den Dunkelmodus.

Offen

Badges-Komponente

Eine responsive Badges-Komponente mit Material Design-Stil, Unterstützung für dunkles Design und Farbschema in Erdtönen für Blog-Inhalte.

Offen

Badges-Komponente

Eine reaktionsschnelle Badges-Komponente, die im Glassmorphism-Stil entwickelt wurde, mit mattglasähnlichen, durchscheinenden Elementen und Unschärfeeffekten und Unterstützung für den Dunkelmodus.

Offen