Компоненты Облако тегов Компонент облака тегов в стиле ретро

Компонент облака тегов в стиле ретро

Адаптивный компонент облака тегов, использующий Tailwind CSS, с эстетикой ретро/винтажного дизайна, пастельной цветовой гаммой и простой сложностью. Подходит для портфолио, в том числе с поддержкой темного режима.

Предварительный просмотр

HTML-код

<div class="bg-stone-50 dark:bg-stone-900 p-6 rounded-lg shadow-md">
  <h2 class="text-xl font-mono text-stone-700 dark:text-stone-300 mb-4">Skills</h2>
  <div class="flex flex-wrap gap-2">
    <span class="px-3 py-1 bg-rose-200 dark:bg-rose-700 text-rose-800 dark:text-rose-200 text-sm font-mono rounded-full shadow-sm">HTML</span>
    <span class="px-3 py-1 bg-teal-200 dark:bg-teal-700 text-teal-800 dark:text-teal-200 text-sm font-mono rounded-full shadow-sm">CSS</span>
    <span class="px-3 py-1 bg-fuchsia-200 dark:bg-fuchsia-700 text-fuchsia-800 dark:text-fuchsia-200 text-sm font-mono rounded-full shadow-sm">Tailwind CSS</span>
    <span class="px-3 py-1 bg-violet-200 dark:bg-violet-700 text-violet-800 dark:text-violet-200 text-sm font-mono rounded-full shadow-sm">JavaScript</span>
    <span class="px-3 py-1 bg-amber-200 dark:bg-amber-700 text-amber-800 dark:text-amber-200 text-sm font-mono rounded-full shadow-sm">Python</span>
    <span class="px-3 py-1 bg-cyan-200 dark:bg-cyan-700 text-cyan-800 dark:text-cyan-200 text-sm font-mono rounded-full shadow-sm">React</span>
    <span class="px-3 py-1 bg-lime-200 dark:bg-lime-700 text-lime-800 dark:text-lime-200 text-sm font-mono rounded-full shadow-sm">Django</span>
  </div>
</div>

Связанные компоненты

Компонент облака тегов

Компонент облака тегов в стиле ретро/винтаж с отзывчивыми эффектами и поддержкой темного режима с использованием Tailwind CSS.

Открытый

Компонент облака тегов - Маркетплейс Сепия/Коричневый Дизайн Материалов

Сложный, отзывчивый компонент облака тегов, разработанный для платформ маркетплейсов и использующий принципы Material Design с оттенками сепии и коричневого. Имеет интерактивные теги, фильтрацию категорий и поддержку темного режима.

Открытый

Компонент облака тегов для сельского хозяйства/фермерства

Минималистичный и отзывчивый компонент облака тегов, разработанный для сельскохозяйственных и фермерских веб-сайтов, с холодными нейтральными цветами и поддержкой темного режима.

Открытый