Pill Button

Show Preview
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.