Home
Prajwal Hallale
Tag Cloud - simple and clean

Tag Cloud - simple and clean

Forked from> @krishna/tag-cloud-3

This tailwind example is contributed by Prajwal Hallale, on 09-Feb-2024. Component is made with Tailwind CSS v3. It is responsive.

Tag Cloud

Author Prajwal Hallale

1.1k

Fork Fullscreen

<div class="p-2 my-4 max-w-md">
    <h2 class="mb-4 text-lg border-l-2 pl-2 rounded border-green-800">Popular tags</h2>
    <div class="flex flex-wrap gap-2">
        <a href="tags/php-programming" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            PHP Programming
        </a>
        <a href="tags/php" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            PHP
        </a>
        <a href="tags/internal-communication" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Internal Communication
        </a>
        <a href="tags/require-statement" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Require Statement
        </a>
        <a href="tags/programming" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Programming
        </a>
        <a href="tags/effectiveness" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Effectiveness
        </a>
        <a href="tags/require" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Require
        </a>
        <a href="tags/include" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Include
        </a>
        <a href="tags/pointers" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            Pointers
        </a>
        <a href="tags/c-programming-basic" class="px-2 py-1 text-sm bg-green-100/80 rounded-lg hover:bg-green-300">
            C Programming Basic
        </a>
    </div>
</div>

Related Examples

Responsive list
Horizontal list of items

Author:
Sophia Baker

2 years ago

10.5k
Multi-Select Dropdown Filter with search
Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

Author:
Maxim

1 year ago

4.8k
Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

7 months ago

548
Category tags
Monocolor tag cloud

Author:
Piet Vriend

3 years ago

10.7k
Category filter section
Neatly organized clickable rectangular elements with category names

Author:
Anonymous

2 years ago

8.2k
Tag links component

Author:
Arya

2 years ago

9.2k
Tag/Button Cloud
Responsive tag cloud. Made with Flex-Box

Author:
TailwindFlex

3 years ago

12k
Tag Cloud
Tag cloud with sub-sections

Author:
Prajwal Hallale

2 years ago

13k
shopping
easy way to get pizza

Author:
Nishimwe Jeanine

6 months ago

912
Tag cloud
Tag cloud with hover effect it also has support for dark mode

Author:
OmKar Mehta

1 year ago

2.1k
Multi-Select Dropdown Filter with search
Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

Author:
Anonymous

9 months ago

1.8k
Category Filter
Neatly organized clickable rectangular elements with category names

Author:
Márcio Bortolini

1 year ago

2.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components