RetroInfographicsComponent
A responsive infographics component with a retro/vintage design, pastel color scheme, and dark mode support. Uses Tailwind CSS for styling and includes multiple interactive elements for a complex interface suitable for blogs and content consumption. Includes a timeline, progress bars, charts, and a call to action, all styled with 80s/90s aesthetics and pastel colors. Uses random images from picsum.photos and randomuser.me for avatars.
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>Related Components
Infographics Component
Complex Infographics Component with Neumorphism design, complementary color scheme, responsive and dark mode support, for Business/Corporate purpose, using Tailwind CSS.
Infographics Component
A simple Infographics component designed with a 3D aesthetic, using pastel colors for social media interfaces, with dark mode support.
Infographics Component
Infographics Component with Brutalism style, high contrast, unusual layout, responsive with dark mode support using tailwind css