- Home
-
Settings Button
Settings Button
This tailwind example is contributed by Arya, on 12-Aug-2022. Component is made with Tailwind CSS v3.
Author Arya
Related Examples
-
Floating buttons examples
Bottom-Right Corner, Bottom-Left Corner, Top-Left Corner, Top-Right Corner, Center, Bottom-Center
2 years ago25.6k -
3 years ago14.5k
-
2 years ago8.7k
-
Beautiful animated button
on hover effect
1 year ago5.2k -
Elevated Buton
On hover merge shadow
1 year ago2.4k -
1 year ago2.1k
-
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.
8 months ago946 -
File Input
File Input
1 year ago2.6k -
Continue with Social Login - Continue with Google, LinkedIn, Twitter, Facebook, GitHub, Apple
Streamline your account creation and login process. Use our secure social login buttons to quickly sign in or register using your existing Google, LinkedIn, Twitter, Facebook, GitHub, or Apple account.
4 months ago378 -
beautiful buttons set
a beautofull buttons set like primary, outline and text.
1 year ago1.5k -
Github stars button
Display the GitHub stars received by your project
2 years ago8.9k -
2 years ago13.2k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components