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
A complex Infographics Component with a Skeuomorphism design style and a Vibrant color scheme, suitable for e-commerce platforms. It is responsive and supports dark mode using Tailwind CSS. It displays various product statistics with interactive elements.
Infographics Component
An Infographics Component designed with skeuomorphism, featuring responsive effects and dark theme support, using Tailwind CSS.
Infographics Component
A complex, minimalist infographic component for portfolios, featuring key statistics or achievements. It uses a complementary color scheme and includes responsive design with dark mode support.