RetroInfographicsComponent
Un componente de infografía responsivo con un diseño retro/vintage, combinación de colores pastel y compatibilidad con el modo oscuro. Utiliza Tailwind CSS para el estilo e incluye múltiples elementos interactivos para una interfaz compleja adecuada para blogs y consumo de contenido. Incluye una línea de tiempo, barras de progreso, gráficos y una llamada a la acción, todo ello con estética de los años 80/90 y colores pastel. Utiliza imágenes aleatorias de picsum.photos y randomuser.me para avatares.
Código HTML
<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>Componentes relacionados
Componente de infografía
Componente de infografía con estilo brutalismo, alto contraste, diseño inusual, responsivo con soporte de modo oscuro usando viento de cola css
Infografía retro
Un componente infográfico retro/vintage simple y receptivo para portafolios con soporte para modo oscuro. Utiliza una combinación de colores complementaria y elementos mínimos.
Componente de infografía retro vintage
Un componente de tablero de infografías de redes sociales receptivo, de color pastel, de estilo retro / vintage construido con Tailwind CSS, con estadísticas de perfil de usuario, gráfico de barras de hashtags de tendencia y una imagen ilustrativa. Incluye soporte para el modo oscuro a través del prefijo dark: de Tailwind y animaciones interactivas de desplazamiento (no se requiere JavaScript).