Home
Krishna Gudpalle
Button Group

Button Group

This tailwind example is contributed by Krishna Gudpalle, on 09-Jul-2022. Component is made with Tailwind CSS v3.

Button Group

Author Krishna Gudpalle

10.6k

8

Fork Fullscreen

<div class="flex flex-wrap justify-center gap-2">

<button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">aws
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">cdk
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">javascript
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">typescript
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">react
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">python
            </button>
</div>

Related Examples

Tab navigation buttons

Author:
Simon Scheffer

2 years ago

16.7k
Disabled Button & Active Button

Author:
Dipti narayan

1 year ago

35.6k
beautiful buttons set
a beautofull buttons set like primary, outline and text.

Author:
Akram Khan

7 months ago

754
Dioganal cuts Buttons

Author:
Adulik

1 year ago

6.3k
Social buttons
Mono-color Social buttons change colors according to your need

Author:
Arya

2 years ago

11.1k
Lots of button examples
tailwind button examples

Author:
QQ-VVN

1 month ago

141
Tab Menu
Tab menu

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

1 year ago

5.4k
Button group
nice and simple buttons with a hover effect

Author:
Sophia Baker

2 years ago

7.5k
Simple buttons for links

Author:
Amit Pachange

2 years ago

10.5k
Old style Button Designs

Author:
Amit Pachange

2 years ago

9.4k
Button group

Author:
Conan Hilton

2 years ago

8.6k
Button group involves using utility classes
Background colors, hover effects, and animations to the button group using only Tailwind CSS

Author:
zobaidul kaziex

4 months ago

385

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1