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

Category Filter
Neatly organized clickable rectangular elements with category names

Author:
Márcio Bortolini

1 year ago

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

Author:
Krishna Gudpalle

2 years ago

9.8k
Tag cloud with Javascript

Author:
Charlotte Dupont

3 years ago

10.7k
Minimal tag cloud design with heading text

Author:
Rafferty Kim

3 years ago

10.4k
shopping
easy way to get pizza

Author:
Nishimwe Jeanine

9 months ago

1.2k
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)

9 months ago

734
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

5.4k
Button Group

Author:
TailwindFlex

3 years ago

9.2k
User list
User list

Author:
Anonymous

9 months ago

474
Button cloud for categories,tags etc

Author:
Kris Showen

2 years ago

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

Author:
OmKar Mehta

1 year ago

2.2k
purchase
buy car online

Author:
Nishimwe Jeanine

9 months ago

998

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components