Компоненты Значки Скевоморфные значки

Скевоморфные значки

Набор значков со скевоморфным дизайном, дополняющей цветовую гамму и простой версткой, подходит для блога или контентного сайта. Отзывчивый с поддержкой темного режима.

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

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>

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

Компонент «Бейджи»

Компонент бейджей в стиле ретро с цветовой гаммой в оттенках серого, подходящий для блога или контентного сайта. Он оснащен несколькими интерактивными элементами и полной отзывчивостью, а также поддерживает темный режим. Дизайн избегает JavaScript, полагаясь исключительно на HTML и Tailwind CSS.

Открытый

Компонент «Бейджи»

Отзывчивый компонент бейджей с 3D-дизайном, с поддержкой глубины и темных тем. Каждый значок представляет пользователя с именем, изображением и описанием, разработанными с использованием Tailwind CSS.

Открытый

Компонент «Бейджи»

Универсальный компонент значков, разработанный для бизнес-сайтов и корпоративных веб-сайтов, использующий тона земли в темном пользовательском интерфейсе для улучшения пользовательского опыта. Компонент отличается отзывчивостью с некоторыми интерактивными элементами.

Открытый