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

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.6k
Info chips with icon

Author:
Bunny

2 years ago

9.5k
Tags list
click to remove the tag from list

Author:
Asher Wilde

2 years ago

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

7 months ago

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

Author:
Nick Girga

2 months ago

188
Small landing

Author:
Crimson

7 months ago

1k
Back and next navigation buttons

Author:
Fagundo67

2 years ago

11.4k
Standard footer
You can use this example for five column footer with social media accounts, sitemap links, copyright notice and brand logo.

Author:
Pagedone

1 year ago

2.1k
Modern page
hero page by salvator

Author:
Baraka Salvator

2 months ago

563
Responsive eCommerce Sidebar Layout with Hamburger Menu | Tailwind CSS UI for Online Stores
Build a clean and responsive eCommerce sidebar layout with a smooth hamburger menu using Tailwind CSS and Alpine.js. Ideal for devotional, spiritual, or modern online stores. Includes dark mode support, navigation links, cart, login, and a dynamic layout for beautiful product pages.

Author:
Rajesh Pandey

3 months ago

485
Feedback Form with rating input
take users feedback with this simple form

Author:
Nour Haider

2 years ago

10.5k
Document index page list

Author:
sql_guru

2 years ago

12.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components