component
Pill Button
By Min Jin
Details
- Min JinAuthor
- componentType
- 2026-06-18Published
- 2026-06-18Updated
- 2026-06-18Added
- ButtonsCategories
Summary
Here's a polished, detailed marketplace description: Animated Gradient Pill Button — Framer Component Give your website a CTA that actually grabs attention.
Description
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.
Introduction
Interactive colored pill button
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5054