Home
Nick Girga
Elegant Buttons

Elegant Buttons

Useful Tailwind classes for creating several types of basic buttons.

This tailwind example is contributed by Nick Girga, on 28-Apr-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Button Button Group

Author Nick Girga

731

Fork Fullscreen

<div class="flex flex-row items-center justify-center gap-4 my-8">

<div class="flex flex-col gap-4 w-[32mm]">

<button
            class="btn">
            Default
        </button>

<button
            class="btn btn-primary">
            Primary
        </button>

<button
            class="btn btn-secondary">
            Secondary
        </button>

<button
            class="btn btn-info">
            Info
        </button>

</div>

<div class="flex flex-col gap-4 w-[32mm]">

<button
            class="btn btn-success">
            Success
        </button>

<button
            class="btn btn-warn">
            Warn
        </button>

<button
            class="btn btn-error">
            Error
        </button>

<button
            class="btn bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-blue-200 hover:text-green-400 active:text-pink-500">
            Custom
        </button>

</div>

Related Examples

Button Group

Author:
Prem..

3 years ago

9.8k
Buttons with Icon

Author:
_Amar_

3 years ago

16k
Previous Next Buttons
Pagination buttons

Author:
Alok

3 years ago

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

Author:
Arya

3 years ago

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

Author:
Sophia Baker

3 years ago

8.1k
Buttons in pair

Author:
Amit Pachange

3 years ago

10.8k
Simple buttons for links

Author:
Amit Pachange

3 years ago

11k
Old style Button Designs

Author:
Amit Pachange

3 years ago

10.1k
Sharp corner button design
button with hover effect

Author:
Amit Pachange

3 years ago

12.5k
Sign in with buttons

Author:
Simon Scheffer

2 years ago

11.3k
Thumbs up and thumbs down buttons
Upvote downvote buttons

Author:
Prajwal Hallale

2 years ago

11.8k
Dioganal cuts Buttons

Author:
Adulik

2 years ago

7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components