РетроБейджи
Компонент ретро/винтажных бейджей для бизнес/корпоративных сайтов с дополнительной цветовой гаммой. Простая верстка, адаптивный дизайн с поддержкой темной темы. Нет 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>Связанные компоненты
Скевоморфные значки
Компонент скевоморфных значков с отзывчивыми эффектами и поддержкой темных тем.
Значки неоморфизма
Это компонент значков в стиле Neumorphism с пастельной цветовой гаммой, разработанный для портфолио и использующий CSS Tailwind.
Компонент «Бейджи»
Универсальный компонент значков, разработанный для бизнес-сайтов и корпоративных веб-сайтов, использующий тона земли в темном пользовательском интерфейсе для улучшения пользовательского опыта. Компонент отличается отзывчивостью с некоторыми интерактивными элементами.