Gradient Background Image
This tailwind example is contributed by Kavita Joshi, on 04-Dec-2023. Component is made with Tailwind CSS v3. It is responsive.
Author Kavita Joshi
Related Examples
-
Animated Gradient Background
animates a gradient background with vibrant colors. Slowly changes colors.
1 year ago25.4k -
Glowing gradient border
on hover glow border
3 years ago24k -
3 years ago11.8k -
2 years ago10.1k -
2 years ago13.3k -
AcodeMaster GameZone – Play Your Favorite Games OnlineAcodeMaster GameZone is a modern gaming website where you can discover, explore, and play exciting games anytime, anywhere. Designed with smooth animations and a stylish dark theme using Tailwind CSS, it offers a fast and fun experience for every gamer.
5 months ago734 -
SocialConnect - Stay ConnectedSocialConnect - Stay Connected
5 months ago438 -
Profile Card with TransparentDynamic Background: Darker gradient background for better contrast Floating colored blobs for visual interest Profile Image Glow: Added a gradient glow effect behind the profile picture Smoother hover transition Typography Improvements: Larger, bolder name text Subtle hover underline animation for the name Better spacing and hierarchy
4 months ago420 -
3 years ago9.5k -
Gradient BreadcrumbBreadcrumb. Gradient background. Gradient text on hover. Based on gopi/breadcrumb-2.
6 months ago804 -
Animated Light/Dark Mode Toggle👉🏻3D glow effects on knob & track 👉🏻Gradient transitions that look holographic 👉🏻Animated pulse when active 👉🏻Dark background gradient instead of a flat color 👉🏻Emoji swap (☀️ → 🌙)
3 weeks ago137 -
2 years ago12.5k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
