Home
Prajwal Hallale
Tag Cloud

Tag Cloud

Word/Tag cloud

This tailwind example is contributed by Prajwal Hallale, on 20-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Tag Cloud

Author Prajwal Hallale

10.8k

Fork Fullscreen

<ul class="flex justify-center flex-wrap max-w-xl align-center gap-2 leading-8">
    <li><a href="#" class="text-3xl text-cyan-500">Country Names</a></li>
    <li><a href="#" class="text-xl text-teal-500">Chemistry</a></li>
    <li><a href="#" class="text-md text-red-500">File Type</a></li>
    <li><a href="#" class="text-lg text-green-500">Cryptocurrency</a></li>
    <li><a href="#" class="text-sm text-orange-500">Academic</a></li>
    <li><a href="#" class="text-3xl text-cyan-500">Softwares</a></li>
    <li><a href="#" class="text-md text-blue-500">General</a></li>
    <li><a href="#" class="text-2xl text-indigo-500">Web Technology</a></li>
    <li><a href="#" class="text-xl text-indigo-500">Business</a></li>
    <li><a href="#" class="text-md text-blue-500">Technology</a></li>
    <li><a href="#" class="text-xs text-cyan-500">Sports</a></li>
    <li><a href="#" class="text-4xl text-red-500">Law</a></li>
    <li><a href="#" class="text-lg text-gray-500">Internet Slangs</a></li>
    <li><a href="#" class="text-3xl text-cyan-500">Insurance</a></li>
    <li><a href="#" class="text-md text-blue-500">Space Science</a></li>
    <li><a href="#" class="text-4xl text-red-500">Jobs</a></li>
    <li><a href="#" class="text-lg text-gray-500">Certifications</a></li>
    <li><a href="#" class="text-sm text-orange-500">Electronics</a></li>
</ul>

Related Examples

Tag Cloud
Tag cloud with sub-sections

Author:
Prajwal Hallale

2 years ago

12.9k
Tag cloud with Javascript

Author:
Charlotte Dupont

2 years ago

10.4k
Minimal tag cloud design with heading text

Author:
Rafferty Kim

2 years ago

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

Author:
TailwindFlex

3 years ago

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

Author:
Krishna Gudpalle

2 years ago

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

Author:
Anonymous

1 year ago

8.2k
Responsive list
Horizontal list of items

Author:
Sophia Baker

2 years ago

10.3k
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

6 months ago

1.3k
Info chips with icon

Author:
Bunny

2 years ago

9.6k
visit
to known any thin

Author:
Nishimwe Jeanine

3 months ago

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

Author:
OmKar Mehta

1 year ago

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

3 months ago

269

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components