Button group
Monocolor button group
This tailwind example is contributed by Arya, on 27-Dec-2022. Component is made with Tailwind CSS v3.
Author Arya
Related Examples
-
3 years ago17.8k -
Tailwind CSS Button (Wavy Button)The button uses Tailwind classes for size, background, border, border-radius, shadow, cursor, overflow, and transitions. The wave overlay is absolutely positioned at the bottom of the button, initially off-screen (top-full) and moves to the middle (top-1/2) on hover via the custom .wave class and keyframes. The font-poppins class isn’t a default Tailwind class. You should define it in your Tailwind configuration or replace it with font-sans if you haven't extended fonts.
9 months ago1.1k -
Button DropdownDrop down button with only tailwind css using focus
1 year ago2.2k -
2 years ago13.6k -
3 years ago10.4k -
Gradient Button
These buttons use a style that includes two contrasted colors creating an impressive mesh gradient effect.
2 years ago4.5k -
2 years ago7.3k -
Boutons iOS 26Boutons iOS 26
4 months ago594 -
3 years ago11.3k -
3 years ago16.2k -
Button groupnice and simple buttons with a hover effect
3 years ago8.4k -
3 years ago11.2k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
