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.
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
Eine komplexe, reaktionsschnelle Infografik-Komponente für Unternehmenswebsites, die mit einem Skeuomorphismus-Stil und einem lebendigen Farbschema unter Verwendung von Tailwind CSS gestaltet wurde. Enthält Unterstützung für den Dunkelmodus und interaktive Elemente.
Brutalist_Infographics_Component_Earth_Tones
Eine brutalistisch inspirierte Infografik-Komponente für Geschäfts-/Unternehmenswebsites mit roher Typografie, hohem Kontrast und Erdtönen. Es ist reaktionsschnell und unterstützt den Dunkelmodus.
Infografik-Komponente
Eine neumorphe Infografik-Komponente mit Erdtönen, die von Erde, Bäumen und Landschaften inspiriert sind. Es verfügt über einen weichen UI-Stil mit moderater Komplexität für den Business-/Corporate-Gebrauch. Das Design ist responsive und unterstützt dunkle Designs mit Tailwind CSS.