- Home
-
Primary and secondary button pair
Primary and secondary button pair
Call to action buttons
This tailwind example is contributed by Manuela Bianka, on 01-Sep-2022. Component is made with Tailwind CSS v3. It is responsive.
Author Manuela Bianka
Related Examples
-
3 years ago16.2k
-
3 years ago12.2k
-
3 years ago18.2k
-
2 years ago12.5k
-
3 years ago10.8k
-
2 years ago37.7k
-
Color changing button
changes the color of a button automatically and continuously
2 years ago8.5k -
Sharp corner button design
button with hover effect
3 years ago12.6k -
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.
7 months ago938 -
Download App Buttons
Ready-to-use Apple App Store and Google Play Store download buttons with official branding and styling
3 months ago460 -
Button
Button with scale animation on hover and translate-y on active
1 month ago9 -
strawbery
by salvator
8 months ago859
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components