Gradient Pill Button with Icon

6.0k views
153 remixes
Pro

About

Stylized pill-shaped CTA button labeled "Demo Lesson" with subtle hover effects, gradient background, custom shadow, and right arrow icon. Ideal for prominent call-to-action links in hero areas or feature sections. Uses Tailwind-like utility classes.

This is a Pro component. Upgrade to unlock the source code and remix tools.

Created

Nov 23

Updated

Mar 17

Remixes

153

Creator

M

Meng To

View profile

Tags

buttonctatailwindinteractiveicongradient

More from Meng To

Community Hero Section with Scrolling Photo Marquee

Community Hero Section with Scrolling Photo Marquee

PRO
10446
Gradient Shadow Call-to-Action Button

Gradient Shadow Call-to-Action Button

PRO
3061
Dark Hero Section with AI Product Card Grid

Dark Hero Section with AI Product Card Grid

PRO
3148
Animated Gradient Beam CTA Button

Animated Gradient Beam CTA Button

PRO
7282
Background Aura Animation Container

Background Aura Animation Container

PRO
1883
View all from Meng To

Related Components

Animated Gradient CTA Button

Animated Gradient CTA Button

PRO
3951
Gradient CTA Button with Icon

Gradient CTA Button with Icon

PRO
4274
Animated CTA Button with Expanding Dot Effect

Animated CTA Button with Expanding Dot Effect

PRO
2828
Spinning Border Glow CTA Button

Spinning Border Glow CTA Button

PRO
4459
Gradient Launch Button with Icon

Gradient Launch Button with Icon

PRO
3380
Browse all button components