Скевоморфные значки
Набор значков со скевоморфным дизайном, дополняющей цветовую гамму и простой версткой, подходит для блога или контентного сайта. Отзывчивый с поддержкой темного режима.
HTML-код
<div class="flex flex-wrap gap-2 p-4 bg-gray-100 dark:bg-gray-800">
<span class="px-3 py-1 rounded-full text-sm font-semibold text-blue-800 bg-blue-200 border border-blue-400 shadow-lg dark:text-blue-200 dark:bg-blue-800 dark:border-blue-600">
Skeuomorphism
</span>
<span class="px-3 py-1 rounded-full text-sm font-semibold text-green-800 bg-green-200 border border-green-400 shadow-lg dark:text-green-200 dark:bg-green-800 dark:border-green-600">
Complementary
</span>
<span class="px-3 py-1 rounded-full text-sm font-semibold text-yellow-800 bg-yellow-200 border border-yellow-400 shadow-lg dark:text-yellow-200 dark:bg-yellow-800 dark:border-yellow-600">
Simple
</span>
<span class="px-3 py-1 rounded-full text-sm font-semibold text-red-800 bg-red-200 border border-red-400 shadow-lg dark:text-red-200 dark:bg-red-800 dark:border-red-600">
Blog
</span>
</div>Связанные компоненты
Компонент «Бейджи»
Адаптивный компонент значков со стилем скевоморфизма, триадической цветовой схемой и простой сложностью, предназначенный для портфолио с поддержкой темных тем.
Компонент «Бейджи»
Адаптивный компонент значков с увлекательными микровзаимодействиями, разработанный с использованием Tailwind CSS. Поддерживает темный режим и включает заполнители изображений.
Компонент «Бейджи»
Отзывчивый компонент значков, выполненный в стиле стекломорфизма, с полупрозрачными элементами, похожими на матовое стекло, и эффектами размытия, с поддержкой темного режима.