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

9.7k

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

13k
Info chips with icon

Author:
Bunny

2 years ago

10.1k
Tags list
click to remove the tag from list

Author:
Asher Wilde

2 years ago

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

11 months ago

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

Author:
Nick Girga

7 months ago

677
House Cleaning Website Services Section
House Cleaning Website Services Section Photo by @candjstudios & @framesforyourheart on Unsplash

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

7.3k
Table
tables

Author:
Aman kumar

1 year ago

4.6k
random design

Author:
QQ-VVN

7 months ago

416
Simple table with border

Author:
Kairi Greene

2 years ago

12.5k
Feature / Icon grid
Present information in a clear and organized manner with icons.

Author:
Arya

2 years ago

14.8k
Verticle card grid
Best suited for news websites

Author:
Mr Robot

3 years ago

13.7k
Timeline Component
This component is responsive for Mobile & Desktop & Dark mode Supported.

Author:
Shariar Hasan

1 year ago

4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components