---
title: "Shining Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Rohit Anand · Buttons. Animated Shine Button Component"
canonical: "https://framer.elliotli.dev/component/shining-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Shining Button

# Shining Button

Animated Shine Button Component

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

![Shining Button preview image 1](https://framer.elliotli.dev/og/component/shining-button/1cdbc9580d8439a2/1600x1067.jpg)

## Summary

Animated Shine Button Component

## Description

## Animated Shine Button

A sleek, premium animated button for Framer websites. **Animated Shine Button** combines a smooth text shine effect with an animated border glow and subtle hover/tap interactions, making your CTAs feel more polished and interactive.

Preview Here: [https://glowingbutton.framer.ai/](https://glowingbutton.framer.ai/?editSite)

### Features

-   Smooth animated text shine
    
-   Animated border shine effect
    
-   Hover scale animation
    
-   Tap/click interaction
    
-   Custom button text
    
-   Custom link support
    
-   Background color control
    
-   Text color control
    
-   Border color control
    
-   Shine color control
    
-   Adjustable border radius
    
-   Adjustable font size
    
-   Adjustable font weight
    
-   Custom horizontal and vertical padding
    
-   Fully editable through Framer property controls
    
-   Responsive and easy to customize
    

### Perfect For

-   SaaS websites
    
-   Startup landing pages
    
-   Portfolio websites
    
-   Agency websites
    
-   Product pages
    
-   Pricing sections
    
-   Hero CTAs
    
-   Modern Framer templates
    

### Easy to Customize

No coding required. Simply add the component to your Framer project and customize the text, colors, spacing, typography, animation, and link directly from the property panel.

**Make your CTA stand out with a subtle, premium shine effect.**

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

-   All · #7927

## Details

- **Author**: Rohit Anand
- **Published**: 2026-08-21
- **Updated**: 2026-08-21
- **Added**: 2026-08-21
- **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