Mango gradient
This tailwind example is contributed by Mohit Prajapati, on 04-Jul-2022. Component is made with Tailwind CSS v3.
Author Mohit Prajapati
Related Examples
-
2 years ago14.3k -
2 years ago15.7k
-
3 years ago12.7k -
Modern Responsive Footer with Tailwind CSSThis sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.
7 months ago1.3k -
3 months ago185 -
Gradient progress barA progress bar with gradient
5 months ago266 -
5 months ago764 -
Hero SectionResponsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.
3 months ago772 -
2 years ago13.2k -
3 years ago9.1k -
Underline Gradientunderlined gradient using background color
1 year ago2.5k -
Gradient Flip-Text Button with Hover AnimationThis stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.
7 months ago817
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
