---
title: "Soft Glow Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Joao Baltieri · Buttons. Soft Glow Button supports fully transparent backgrounds while preserving soft glow and gradient effects without visual compromises."
canonical: "https://framer.elliotli.dev/component/soft-glow-button"
---

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

# Soft Glow Button

Soft glow button with smooth interaction

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

![Soft Glow Button preview image 1](https://framer.elliotli.dev/og/component/soft-glow-button/7492adf5f11fda9b/1600x1200.jpg)

## Summary

Soft Glow Button supports fully transparent backgrounds while preserving soft glow and gradient effects without visual compromises.

## Description

## Soft Glow Button

Unlike many button components, Soft Glow Button supports fully transparent backgrounds while preserving soft glow and gradient effects without visual compromises.

Built to feel light, refined, and highly usable, it brings a polished glow aesthetic without visual noise or unnecessary complexity.

## Key Features

-   Soft inner + outer glow for a refined depth effect
    
-   Smooth hover and click interaction states
    
-   Adjustable scale and glow intensity per state
    
-   Fully customizable typography (font, spacing, transform)
    
-   Optional gradient fill with subtle animation
    
-   Built-in link support (external + anchor scroll)
    
-   Lightweight and optimized for performance
    

## Design

This component was designed with a **minimal, all-white glow system** in mind, focusing on clarity, softness, and modern UI aesthetics.

It works seamlessly in:

-   landing pages
    
-   hero sections
    
-   call-to-action blocks
    
-   minimal and futuristic interfaces
    

## Why use it?

Most button components are either too flat or too visually noisy.This one sits in between, giving you just enough glow and motion to feel premium, without distracting from your content.

## Perfect for

-   SaaS landing pages
    
-   Portfolio websites
    
-   Product heroes
    
-   UI design systems
    
-   Experimental / futuristic layouts
    

## Customization Options

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-lsuh8z9f-sE8AFHhx80khSTaqJXJRv2jaxmcF53)

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

-   All · #7924

## Details

- **Author**: Joao Baltieri
- **Published**: 2026-05-13
- **Updated**: 2026-05-26
- **Added**: 2026-05-05
- **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