Gradient Border CTA Button

1.4k views
38 remixes
Pro

About

A rounded CTA button with a black background, animated gradient border, hover and active scale transitions, and bold white label text. Built with Tailwind-style utility classes, ideal for prominent actions like “Learn More” in landing pages.

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

Created

Nov 30

Updated

Mar 2

Remixes

38

Creator

S

Sourasith Phomhome

View profile

Tags

buttonctagradientanimatedinteractivetailwind

More from Sourasith Phomhome

Deployment Platform Landing Section with Dashboard Mockup

Deployment Platform Landing Section with Dashboard Mockup

498
Hero Section with Services, CTA, and Project Gallery

Hero Section with Services, CTA, and Project Gallery

1895
Animated Gradient Glow Button

Animated Gradient Glow Button

641
Smart Card Landing Hero with Glassmorphic Card Stack

Smart Card Landing Hero with Glassmorphic Card Stack

PRO
585
Interactive Testimonial Section with Avatar Picker

Interactive Testimonial Section with Avatar Picker

626
View all from Sourasith Phomhome

Related Components

Animated Hover CTA Button with Sliding Text

Animated Hover CTA Button with Sliding Text

PRO
3517
Animated Gradient Beam CTA Button

Animated Gradient Beam CTA Button

PRO
7282
Animated CTA Button with Expanding Dot Effect

Animated CTA Button with Expanding Dot Effect

PRO
2828
Gradient Pill Button with Icon

Gradient Pill Button with Icon

PRO
6014
Animated Button with Dot & Border Hover Effects

Animated Button with Dot & Border Hover Effects

3860
Browse all button components