Home
Steven Kuhn
Company icons chips

Company icons chips

This tailwind example is contributed by Steven Kuhn, on 14-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is tags

Chip

Author Steven Kuhn

Fork Fullscreen

<button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/laravel.svg" decoding="async"
                    data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy" style="color: transparent;"
                    width="16" height="16">
                <span class="capitalize lg:inline leading-5">Laravel</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/javascript.svg"
                    decoding="async" data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy"
                    style="color: transparent;" width="16" height="16">
                <span class="capitalize lg:inline leading-5">JavaScript</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/php.svg" decoding="async"
                    data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy" style="color: transparent;"
                    width="16" height="16">
                <span class="capitalize lg:inline leading-5">PHP</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/mysql.svg" decoding="async"
                    data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy" style="color: transparent;"
                    width="16" height="16">
                <span class="capitalize lg:inline leading-5">MySQL</span></span>
        </button>
        <button type="button">
            <span
                class="bg-white inline-flex text-primary py-0.5 px-3 items-center justify-between text-xs capitalize border border-gray-400 rounded-full hover:bg-gray-gray1 mb-2 mr-2">
                <img
                    alt=" " src="https://d26c7l40gvbbg2.cloudfront.net/tool_icons/tailwindcss.svg"
                    decoding="async" data-nimg="1" class="object-cover w-4 h-4 mr-1" loading="lazy"
                    style="color: transparent;" width="16" height="16">
                <span class="capitalize lg:inline leading-5">TailwindCSS</span></span>
        </button>
    </div>
</div>

Related Examples

Chip with logo

Author:
Fagundo67

2 years ago

12.3k
Info chips with icon

Author:
Bunny

2 years ago

9.1k
Tags list
click to remove the tag from list

Author:
Asher Wilde

2 years ago

10.6k
chip
Interactive and customizable chips or tags to display labels, categories, or filters. Includes options for removable chips with icons and different styles.

Author:
Abhiraj

4 months ago

754
Material 3 Chips [Light]
Chips that conform to Google's Material 3 design guidelines

Author:
Nick Girga

2 days ago

19
Responsive Tailwind CSS Header with Navigation & Buttons | Ready to Use
A fully responsive and modern header built with Tailwind CSS. Features a sleek navigation menu, login/register buttons, and adaptive design for all screen sizes. Open-source and easy to integrate into any web project!

Author:
Abdul Baset Bappy

1 month ago

581
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Author:
Hamza Atig

1 month ago

96
Tailwind AoPS Demo - Isabel
Starter code for an interactive Tailwind Demo

Author:
Isabel McGuigan

10 months ago

2.1k
Tiered Pricing Blocks
An organized way to compare different product offerings or pricing tiers. Users can quickly assess the features and pricing for various products.

Author:
Mereani Waqa

1 year ago

8.4k
Pricing Table with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2.6k
A clock with Tailwind CSS

Author:
Michael Andreuzza

1 year ago

2k
Basic responsive card grid
supports dark mode

Author:
Samuel Dawson

2 years ago

10.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components