---
title: "Outline button — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Gustavo Paiva · Buttons. Animated stroke button with glow hover."
canonical: "https://framer.elliotli.dev/component/outline-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Outline button

# Outline button

Animated stroke button with glow hover.

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

![Outline button preview image 1](https://framer.elliotli.dev/og/component/outline-button/51f45a00e1bef36a/1600x1200.jpg)

## Summary

Animated stroke button with glow hover.

## Description

### Continuous Animated Stroke

A smooth border animation that continuously travels around the component without visible resets, creating a dynamic and modern interface effect.

### Fully Customizable Motion

Control animation duration and easing style directly in Framer, including linear, ease-in, ease-out, and ease-in-out behaviors.

### Interactive Hover Effects

When hovered, the border smoothly closes around the button while the background and text colors transition for a clean interaction.

### Glow Effects

Add glow lighting effects to the border using configurable blur, color, and position settings for a polished UI highlight.

### Adjustable Hover Speed

Control how fast the stroke closes during hover interactions to create anything from subtle transitions to snappy button feedback.

### Link Ready

Includes a built-in link property, allowing the component to function as a fully interactive navigation element.

### Framer Native Controls

All visual settings are exposed directly in the Framer properties panel, making customization easy without editing code.

### Perfect For

-   call-to-action buttons
    
-   hero section links
    
-   interactive UI elements
    
-   modern landing pages
    
-   product highlights
    

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

-   All · #11247

## Details

- **Author**: Gustavo Paiva
- **Price**: $5.00
- **Published**: 2026-03-23
- **Updated**: 2026-03-23
- **Added**: 2026-03-10
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything