Компоненты Облако тегов Компонент облака тегов

Компонент облака тегов

Компонент облака тегов со стилем дизайна Neumorphism, адаптивными эффектами и поддержкой темной темы с использованием Tailwind CSS.

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

HTML-код

<div class="p-8 bg-gray-200 dark:bg-gray-800 rounded-xl shadow-lg">
    <h2 class="text-xl font-semibold mb-4 text-gray-800 dark:text-gray-100">Tag Cloud</h2>
    <div class="flex flex-wrap gap-4">
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">HTML</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">CSS</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">JavaScript</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">React</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">Tailwind CSS</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">Neumorphism</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">UI Design</span>
        <span class="px-4 py-2 bg-white dark:bg-gray-700 rounded-full shadow-md hover:shadow-lg transition-shadow duration-300">Web Development</span>
    </div>
</div>

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

Компонент облака тегов 13

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

Открытый

Компонент облака тегов

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

Открытый

Компонент облака тегов

Компонент облака тегов, разработанный в скевоморфном стиле, с отзывчивыми эффектами и поддержкой темной темы с использованием Tailwind CSS.

Открытый