Pill Button

Show Preview
Pill Button
Pill Button

About Pill Button

Here's a polished, detailed marketplace description:

Animated Gradient Pill Button — Framer Component

Give your website a CTA that actually grabs attention. This pill-shaped button component features a smooth, continuously rotating gradient border animation that adds a subtle but premium sense of motion to your call-to-action — without feeling distracting or overdone.

What makes it special:

The rotating border effect creates a glowing, animated outline that loops seamlessly around the button, instantly making your CTA feel more dynamic and modern compared to a static button. It's the kind of small detail that makes a website feel polished and intentional.

Fully customizable:

Every color is yours to control. Adjust the background color, the gradient colors used in the rotating border, and instantly create a button that matches your brand palette. Whether you're building a SaaS landing page, a portfolio, an agency site, or an ecommerce store — just swap the colors and the button adapts to fit your design system in seconds.

Built-in interactions:

This isn't just a static design — it comes with thoughtful micro-interactions baked in. On hover, the button responds with a smooth, satisfying transition that gives users visual feedback before they even click. On press, a tactile pressed-down effect makes the interaction feel real and responsive, adding to the overall premium feel of your site.

Why you'll love using it:

No need to build animated buttons from scratch or wrestle with custom code. Drop this component into your Framer project, plug in your brand colors, and you have a CTA button that looks like it was custom-built by a design team — ready to drive clicks, sign-ups, and conversions.

Perfect for: Landing pages, hero sections, pricing pages, newsletter sign-ups, product launches, and anywhere you need a CTA button that stands out and feels alive.

Lightweight, easy to customize, and built to make your website feel more premium in seconds.

From Minhal Jafar

Flex Pricing Cards
Auralis
Prisma Pricing Cards
Pricing Cards

Related Components

Spring Switch
Back To Top Button
Liquid Metal Buttons
Particle Button