---
title: "Pulse Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Buttons. About Pulse Button adds an always-on, attention-grabbing CTA to your Framer projects."
canonical: "https://framer.elliotli.dev/component/pulse-button"
---

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

# Pulse Button

Lead-focused button that converts

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

![Pulse Button preview image 1](https://framer.elliotli.dev/og/component/pulse-button/a091335e1d2bcf28/1600x1200.jpg)

## Summary

About Pulse Button adds an always-on, attention-grabbing CTA to your Framer projects.

## Description

## Update 1.2

Added icon support and speed controls. You can now show an icon inside the button and adjust the animation speed directly from the Framer property panel.

## Update 1.1

Fixed a Safari-only flicker issue in the Ripple animation.

## About

Pulse Button adds an always-on, attention-grabbing CTA to your Framer projects. Drop it into any layout, set the label, and choose between three animation styles – Ripple, Scale, or Shadow – to highlight your primary action. It works in heroes, pricing sections, sign-up areas and anywhere a static button feels too quiet. Licensed for unlimited personal and commercial projects by the purchaser.

## What it does

Renders a fully responsive button with a built-in pulse animation, so you don’t need extra layers, keyframes or overlays. The Ripple variant emits soft rings around the button, Scale gently “breathes” the button in and out, and Shadow animates a glowing halo. All variants include smooth hover and press interactions, and can trigger any Framer action or link.

## What you can customize

Directly from the Framer property panel you can adjust label text, font, text color, background, pulse color, border radius, padding, glow on/off, pulse intensity and animation style (Ripple / Scale / Shadow). You can also turn the button into a link, choose whether it opens in a new tab, and restyle it to match your brand.

## Great for (examples)

Just a few ideas – you can use it anywhere a CTA needs extra focus:

• main “Book a Call” / “Get Started” buttons

• pricing tables where one plan should stand out

• newsletter or lead magnet signups

• hero sections with a single clear action

• promo, discount or time-sensitive offer buttons

## Share your build

If you ship something cool with it, post it on X and tag me [**@Matthias\_Oel**](https://x.com/Matthias_Oel), or send it over. I’d love to see what you create.

## Need help?

Questions or feedback? Reach me anytime: [**matthias@lmvision.de**](mailto:matthias@lmvision.de) or on X [**@Matthias\_Oel**](https://x.com/Matthias_Oel).

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

-   All · #1501

## Details

- **Author**: Matt
- **Published**: 2025-12-09
- **Updated**: 2026-10-30
- **Added**: 2025-12-03
- **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