Underline Hover Effect
Hover effect using after and before pseudo elements.
This tailwind example is contributed by Carlos Adrian Garcia, on 24-Jan-2024. Component is made with Tailwind v3.4.
Related Examples
-
17.5k
-
Sharp corner button design
button with hover effect
13.5k -
Hover Button
Hover button then a overlay came from bottom to top
2.7k -
Button with hover effect
Button with light hover effect, responsive and suitable for light/dark mode.
897 -
Corner‑Framed Hover Transition Buttons
Minimal CTA buttons featuring animated corner shapes and smooth width transitions on hover, built with Tailwind CSS for a sharp, modern UI.
23 -
Button
Button with scale animation on hover and translate-y on active
257 -
Get the app section
Play store and App store buttons
10.2k -
Ripple Button
Ripple Button is an interactive button component with a ripple animation that responds to user clicks
1.8k
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.