- Home
 - 
                    Animated Button
 
Animated Button
on hover show icon
This tailwind example is contributed by Lautaro Gómez, on 03-Aug-2024. Component is made with Tailwind CSS v3. It is responsive.
Author Lautaro Gómez
Related Examples
- 
    
    
    2 years ago12.3k
 - 
    
    
    Previous Next Buttons
Pagination buttons
3 years ago14k - 
    
    
    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.
4 months ago662 - 
    
    
    Playstore Button
Download on the play store button
3 years ago14.4k - 
    
    
    Call to Action (for app stores)
Download app section with Playstore and Appstore button
3 years ago11.2k - 
    
    
    Color Changing Gradient Button
Color Changing Gradient Button
1 year ago3.2k - 
    
    
    Continue with Google button
Login with google button for social login.
2 years ago24.1k - 
    
    
    2 years ago15.8k
 - 
    
    
    2 years ago8.5k
 - 
    
    
    Botton hover
On hover Changes text
1 year ago6.7k - 
    
    
    Gold Premium Button
🪙 Glowing Premium BIP Gold Button in pue Tailwind CSS
1 year ago5.4k - 
    
    
    9 months ago1.4k
 
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components