Pulse Button

Show Preview
Pulse Button

About Pulse Button

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, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.