---
title: "Gradient Border Btn — Framer component · Best of Framer"
description: "$1.00 · Framer component · by Ratheo Designer · Buttons. Animated gradient stroke button"
canonical: "https://framer.elliotli.dev/component/gradient-border-btn"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Gradient Border Btn

# Gradient Border Btn

Animated gradient stroke button

[View on Framer](https://framer.com/marketplace/components/gradient-border-btn/?via=elliot-li)

![Gradient Border Btn preview image 1](https://framer.elliotli.dev/og/component/gradient-border-btn/f11f69370f87dc7a/1600x1200.jpg)

## Summary

Animated gradient stroke button

## Description

Add a modern and eye-catching call-to-action to your Framer website with this animated gradient stroke button.

Featuring a smooth animated gradient border, this component adds subtle motion and a premium feel while keeping your interface clean and professional.

## Features

-   Animated gradient stroke effect
    
-   Smooth and subtle animation
    
-   Fully customizable in Framer
    
-   Easy to edit and reuse
    
-   Modern and minimal design
    
-   No coding required
    

## Perfect for

Ideal for landing pages, SaaS websites, portfolios, agencies, product pages, hero sections, and call-to-action sections.

Customize the text, colors, size, typography, spacing, border radius, and more directly in Framer to match your brand.

Simply add the component to your project, customize it, and make your CTA stand out.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6028

## Details

- **Author**: Ratheo Designer
- **Price**: $1.00
- **Published**: 2026-09-09
- **Updated**: 2026-09-09
- **Added**: 2026-09-09
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow