Plug and Play Button - Animated gradient background
Know errors: You may need to remove animate-spin for your usecase, depending on framework rendering. For SvelteKit, animate-spin is NOT needed. But the [animation:spin_4s]... is always necessary for a smooth effect.
Check out my profile to join my community online or add me on LinkedIn.
This tailwind example is contributed by Coastal UI, on 05-Nov-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.
Author Coastal UI
Related Examples
-
Floating "Go to Top" Button with Tailwind CSS🚀 Boost your website’s user experience with a sleek floating "Go to Top" button! This easy-to-implement solution uses Tailwind CSS for styling. ✔️ Smooth scroll to top ✔️ Clean and modern design ✔️ Responsive and animated effects Perfect for any website or portfolio! Add it today and make navigation effortless! 🔝💻
3 months ago346 -
Animated Buttonon hover show icon
10 months ago1.8k -
Exapnd and collapse button for large content without javascriptTruncate and expand on click large content without using JavaScript.
11 months ago1.6k -
🔥 Sleek & Modern Button with Hover Effect – Tailwind CSSA beautifully designed button using Tailwind CSS, featuring smooth transitions, a bold shadow effect, and a hover animation. Styled with custom colors, rounded edges, and a modern font, this button is perfect for call-to-action (CTA) elements in your website or app. 🚀
4 months ago182 -
2 years ago9.9k -
Amazon shopping buy now buttonAmazon shopping buy now button
1 year ago1.4k -
Continue with Discord buttonLogin with the Discord button for social login
1 year ago11.4k -
2 years ago15.5k -
Elegant ButtonsUseful Tailwind classes for creating several types of basic buttons.
2 months ago215 -
buttons groupsome attractive button group on different varients primary, outlined and link button
8 months ago990 -
2 years ago13.4k
-
E-Learning Course Card with Badge and Level IndicatorAn HTML and Tailwind CSS component mockup for displaying course information. Features include a placeholder image area with an overlaid certificate badge, a distinct level indicator banner below the image, category text, a course title, key details (like duration and learner count placeholders), and primary/secondary action buttons. Designed for e-learning platforms or course listings.
2 months ago302
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
