Компонент облака тегов
Компонент облака тегов, разработанный в стиле Neumorphism, использующий монохроматическую цветовую схему для целей электронной коммерции и поддерживающий темную тему с адаптивным дизайном.
HTML-код
<div class="flex flex-wrap justify-center mt-10 p-5 bg-gray-100 dark:bg-gray-900 rounded-lg shadow-lg">
<h2 class="w-full text-2xl font-semibold text-center text-gray-800 dark:text-gray-200 mb-5">Explore Tags</h2>
<div class="flex flex-wrap justify-center gap-4">
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Fashion</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Electronics</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Home & Living</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Books</span>
<span class="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-full shadow-md hover:shadow-lg transition-all cursor-pointer transform hover:-translate-y-1">Beauty</span>
</div>
</div>
Связанные компоненты
Компонент облака тегов
Простой, отзывчивый и яркий компонент облака тегов, разработанный в соответствии с принципами Баухауса для деловых и корпоративных веб-сайтов, с геометрическими формами и высокой насыщенностью основных цветов с поддержкой темного режима.
Компонент облака тегов в стиле ретро
Адаптивный компонент облака тегов, использующий Tailwind CSS, с эстетикой ретро/винтажного дизайна, пастельной цветовой гаммой и простой сложностью. Подходит для портфолио, в том числе с поддержкой темного режима.
Компонент облака тегов
Компонент облака тегов в стиле ретро/винтаж с отзывчивыми эффектами и поддержкой темного режима с использованием Tailwind CSS.