CCHub Logo CCHub Tailwind Collection
Komponenten Infografiken RetroInfografikenKomponente

RetroInfografikenKomponente

Eine reaktionsschnelle Infografik-Komponente mit Retro-/Vintage-Design, pastellfarbenem Farbschema und Unterstützung für den Dunkelmodus. Verwendet Tailwind CSS für das Styling und enthält mehrere interaktive Elemente für eine komplexe Benutzeroberfläche, die für Blogs und den Konsum von Inhalten geeignet ist. Enthält eine Zeitleiste, Fortschrittsbalken, Diagramme und einen Call-to-Action, alles im Stil der 80er/90er Jahre und Pastellfarben. Verwendet zufällige Bilder von picsum.photos und randomuser.me für Avatare.

Vorschau

HTML-Code 

<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
  <div class="container mx-auto">
    <h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>

    </div>

  </div>
</div>

Verwandte Komponenten

Infografik-Komponente

Infografik-Komponente im Brutalismus-Stil, hoher Kontrast, ungewöhnliches Layout, reaktionsschnell mit Unterstützung des Dunkelmodus mit Rückenwind-CSS

Offen

Infografik-Komponente

Eine reaktionsschnelle 3D-Infografik-Komponente, die für Social-Media-Schnittstellen mit lebendigen Farben und Unterstützung für dunkle Themen entwickelt wurde und dreidimensionale Elemente für Tiefe und Engagement enthält.

Offen

Infografik-Komponente

Eine einfache Infografik-Komponente, die mit einer 3D-Ästhetik gestaltet wurde, Pastellfarben für Social-Media-Schnittstellen verwendet und den Dunkelmodus unterstützt.

Offen