---
title: "Logo Burst — Free Framer component · Best of Framer"
description: "Free Framer component · by Zaid · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/logo-burst"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Logo Burst

# Logo Burst

Make your logo burst

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

![Logo Burst preview image 1](https://framer.elliotli.dev/og/component/logo-burst/98d85452472310d3/1600x1067.jpg)

## Summary

Make your logo burst

## Description

**Logo Pop**

Give your logo a personality. Logo Pop is a Framer component that turns your static logo into a playful, interactive experience — no code needed.

Hover over it and it slowly inflates like a balloon building pressure. Let go early and it gently exhales back to its original size. Hold long enough and it bursts into fragments — then reassembles like nothing happened.

Every detail is fully customizable from the properties panel. Control the inflate scale, wobble angle, burst timing, fragment count, size, and color. Toggle sound effects individually — inflate, exhaust, and pop — or turn them all off for a silent version.

Drop it on your portfolio, agency site, or product landing page. Make visitors stop, hover, and smile.

**What's included:**

-   Text or image logo support
    
-   Smooth inflate and exhaust animations
    
-   Burst explosion with up to 57 customizable fragments
    
-   Built-in sound effects with individual toggles
    
-   Full properties panel control — width, height, radius, padding, colors, timing, and more
    

**One component. Endless personality.**

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

-   All · #3695

## Details

- **Author**: Zaid
- **Published**: 2026-06-17
- **Updated**: 2026-06-17
- **Added**: 2026-06-17
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing