Gradient CTA Button with Icon

4.3k views
66 remixes
Pro

About

A pill-shaped gradient CTA button with Lucide send icon, hover slide overlay, and custom box-shadow. Ideal for primary actions like starting trials, signups, or pilots in modern Tailwind-styled interfaces.

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

Created

Nov 23

Updated

Mar 16

Remixes

66

Creator

M

Meng To

View profile

Tags

buttonctatailwindgradientanimatedinteractive

More from Meng To

Responsive Hero Banner with Navbar & CTA (Tailwind)

Responsive Hero Banner with Navbar & CTA (Tailwind)

1768
Marketing Hero Section with Animated Gradient CTA

Marketing Hero Section with Animated Gradient CTA

6851
Lumina Hero Section with Nav and Preview UI

Lumina Hero Section with Nav and Preview UI

PRO
6976
Animated Hover CTA Button with Sliding Text

Animated Hover CTA Button with Sliding Text

PRO
3517
Hero Section with Social Proof & Dual CTAs

Hero Section with Social Proof & Dual CTAs

2863
View all from Meng To

Related Components

Gradient Pill Button with Icon

Gradient Pill Button with Icon

PRO
6016
Animated Hover CTA Button with Sliding Text

Animated Hover CTA Button with Sliding Text

PRO
3517
3D Glassmorphic Gradient Button with Parallax Hover

3D Glassmorphic Gradient Button with Parallax Hover

1623
Animated Multi-Color Gradient Border Overlay

Animated Multi-Color Gradient Border Overlay

PRO
2929
Animated Gradient Beam CTA Button

Animated Gradient Beam CTA Button

PRO
7286
Browse all button components