- Home
-
Interactive "Morphing" Play/Pause Button
Interactive "Morphing" Play/Pause Button
This tailwind example is contributed by Anonymous, on 14-Dec-2024. Component is made with Tailwind CSS v3. It is responsive.
Author Anonymous
Related Examples
-
Continue with social login buttons (google, linkedin, twitter, facebook, github, apple)
Login/signup buttons for Google, LinkedIn, Twitter, Facebook, GitHub, and Apple
2 years ago17.3k -
Material 3 Buttons [Light]
Buttons that conform to Google's Material 3 design guidelines
7 months ago862 -
1 year ago2.5k
-
Button With Loader
Tailwind Loader
1 year ago2.8k -
2 years ago10.8k
-
1 year ago1.9k
-
2 years ago9.9k
-
Ripple Button
Ripple Button is an interactive button component with a ripple animation that responds to user clicks
2 years ago13.1k -
modern portifolio
by salvator
7 months ago746 -
Elevated Buton
On hover merge shadow
1 year ago2.3k -
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.
6 months ago912 -
1 year ago2.9k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components