РетроИнфографикаКомпонент
Адаптивный компонент инфографики с ретро/винтажным дизайном, пастельной цветовой гаммой и поддержкой темного режима. Использует Tailwind CSS для стилизации и включает в себя множество интерактивных элементов для сложного интерфейса, подходящего для блогов и потребления контента. Включает временную шкалу, индикаторы выполнения, диаграммы и призыв к действию, стилизованные в эстетике 80-х/90-х годов и пастельных тонах. Использует случайные изображения из picsum.photos и randomuser.me для аватаров.
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>Связанные компоненты
Компонент инфографики
Простой, отзывчивый компонент инфографики с элементами 3D-дизайна и аналогичной цветовой схемой для использования в блоге/контенте. Он включает в себя поддержку темной темы с использованием Tailwind CSS.
Компонент инфографики
Простой компонент инфографики, разработанный с 3D-эстетикой, с использованием пастельных тонов для интерфейсов социальных сетей, с поддержкой темного режима.
Компонент инфографики
Минималистичная составляющая инфографики с чистыми пространствами и минимальным количеством элементов, поддержкой адаптивного дизайна и темной тематики.