РетроБейджи
Компонент ретро/винтажных бейджей для бизнес/корпоративных сайтов с дополнительной цветовой гаммой. Простая верстка, адаптивный дизайн с поддержкой темной темы. Нет JavaScript.
HTML-код
<div class="flex flex-wrap gap-2 p-4 bg-gray-100 dark:bg-gray-900">
<!-- Badge 1 -->
<span class="px-3 py-1 text-sm font-semibold text-purple-800 bg-purple-200 rounded-full dark:text-purple-200 dark:bg-purple-800">
Vintage Vibe
</span>
<!-- Badge 2 -->
<span class="px-3 py-1 text-sm font-semibold text-yellow-800 bg-yellow-200 rounded-full dark:text-yellow-200 dark:bg-yellow-800">
Retro Style
</span>
<!-- Badge 3 -->
<span class="px-3 py-1 text-sm font-semibold text-green-800 bg-green-200 rounded-full dark:text-green-200 dark:bg-green-800">
Classic Look
</span>
</div>Связанные компоненты
Компонент «Бейджи»
Простой, отзывчивый компонент бейджей с поддержкой темного режима, использующий триадическую цветовую схему, подходящую для портфолио.
Компонент значков товаров электронной коммерции
Сложный компонент значков товаров электронной коммерции с интенсивным использованием цветовых градиентов из лесной/зеленой палитры, плавными переходами и адаптивным дизайном с поддержкой темного режима. Подходит для демонстрации статуса товара, предложений или категорий.
Компонент «Бейджи»
Простой и отзывчивый компонент значков, разработанный с 3D-эстетикой и дополнительной цветовой схемой для блога и потребления контента. Поддерживает темный режим.