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.5k
Minimal tag cloud design with heading text

Author:
Rafferty Kim

2 years ago

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

Author:
TailwindFlex

3 years ago

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

Author:
Krishna Gudpalle

2 years ago

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

Author:
Anonymous

2 years ago

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

10 months ago

4.3k
Category tags
Monocolor tag cloud

Author:
Piet Vriend

2 years ago

10.6k
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

1 week ago

130
Tag links component

Author:
Arya

2 years ago

8.9k
Button cloud for categories,tags etc

Author:
Kris Showen

2 years ago

12.9k
shopping
easy way to get pizza

Author:
Nishimwe Jeanine

5 months ago

826

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components