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

Button cloud for categories,tags etc

Author:
Kris Showen

1 year ago

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

Author:
Márcio Bortolini

6 months ago

1.3k
Hashtag Pills
Minimal hastag cloud

Author:
TailwindFlex

2 years ago

11.4k
Tag Cloud
Word/Tag cloud

Author:
Prajwal Hallale

2 years ago

10.6k
Minimal tag cloud design with heading text

Author:
Rafferty Kim

1 year ago

9k
Category tags
Monocolor tag cloud

Author:
Piet Vriend

2 years ago

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

Author:
OmKar Mehta

9 months ago

1.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:
Maxim

1 month ago

929
Responsive list
Horizontal list of items

Author:
Sophia Baker

2 years ago

9.6k
Tag links component

Author:
Arya

2 years ago

8.1k
Button Group

Author:
TailwindFlex

2 years ago

8k
Tag Cloud
Display Trending Topics, Tags, etc.

Author:
Krishna Gudpalle

1 year ago

8.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components