Gradient Paradise
Mesh gradients, aurora effects, animated borders, and color transitions.
Gradient Buttons
Solid gradient buttons with matching hover shadow glow effects.
Gradient Border Buttons
Buttons using the p-[2px] gradient wrapper trick with dark inner background.
Aurora Effect Cards
Cards with blurred gradient circles positioned absolute creating aurora glow behind content.
Aurora Violet
Soft glow background elements creating depth and atmosphere.
Aurora Sunset
Warm pink and amber tones blending into a sunset glow.
Aurora Forest
Cool blue and emerald tones for a forest night feel.
Mesh Gradient Cards
Cards with full gradient backgrounds and smooth color transitions.
Creative Suite
Full gradient background with smooth color transitions.
Analytics Pro
Fresh green to cyan mesh with natural energy.
Performance
Warm amber to red mesh radiating heat and energy.
Gradient Border Cards
Cards using the p-[2px] gradient border technique with dark inner background.
Starter Plan
Subtle gradient border on a dark background, elegant and modern.
$49/mo
Growth Plan
Warm gradient border with a pink-fuchsia spectrum.
$99/mo
Scale Plan
Cool gradient border with emerald to cyan flow.
$199/mo
Gradient Text
Six different gradient text styles using bg-clip-text and text-transparent.
Purple-Indigo
Fire Gradient
Ocean Gradient
Neon Gradient
Nature Gradient
Sunset Gradient
Gradient Progress Bars
Progress bars with different gradient fills, labels, and percentages.
Gradient Color Palette
12 gradient swatches showing different 2-color gradient combinations.
Gradient Pricing
Pricing cards with gradient borders, gradient price text, and gradient CTA buttons.
Basic
$9/mo
- ✓Unlimited access
- ✓Priority support
- ✓Custom domain
Pro
$29/mo
- ✓Unlimited access
- ✓Priority support
- ✓Custom domain
Enterprise
$99/mo
- ✓Unlimited access
- ✓Priority support
- ✓Custom domain
Gradient Badges
Small pill badges with gradient backgrounds for labels and tags.