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.9k

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

13k
Tag cloud with Javascript

Author:
Charlotte Dupont

3 years ago

10.6k
Minimal tag cloud design with heading text

Author:
Rafferty Kim

2 years ago

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

Author:
TailwindFlex

3 years ago

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

Author:
Krishna Gudpalle

2 years ago

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

Author:
Anonymous

2 years ago

8.3k
Category tags
Monocolor tag cloud

Author:
Piet Vriend

3 years ago

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

10 months ago

1.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:
SANJAY SINGH GARIYA

7 months ago

1k
GitHub

Author:
МОЙДОЫР

2 months ago

450
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

10 months ago

1.8k
User list
User list

Author:
Anonymous

7 months ago

458

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components