---
title: "Like Burst — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Nostromo Studio · Effects. Like Burst turns a simple like into a tiny celebration."
canonical: "https://framer.elliotli.dev/component/like-burst"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Like Burst

# Like Burst

Bursting likes, static or dynamic

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

![Like Burst preview image 1](https://framer.elliotli.dev/og/component/like-burst/87b2e1c10bc90e75/1600x1200.jpg)

## Summary

Like Burst turns a simple like into a tiny celebration.

## Description

**Like Burst** turns a simple like into a tiny celebration. Click the heart and it fills in with a soft press, bursts into a ring of colorful particles, and the counter rolls up beside it. Click again and it settles back down.

Nothing gets saved to a database on click, the count is purely visual and resets on reload. Bind Initial Count to a CMS field and update it yourself to simulate a live count per item, no backend needed. Built first as a fun, satisfying interaction that makes people want to click.

## Made to Be Yours

Every color is yours: idle, hover, liked, each burst particle, and the heart's background fill. Switch between a Dark or Light theme and hover plus fill adjust automatically, or override either by hand. The counter's font, size, and gap to the heart are independent from heart size.

## Key Features

### Interaction

-   Click to like, click again to unlike, instantly responsive
    
-   Soft press animation and a burst of colorful particles on every like
    
-   A halo pulse expands outward from the heart on click
    
-   Automatically disabled on canvas and in static exports
    

### Counter

-   Smooth vertical roll animation on every change, direction follows like or unlike
    
-   Large numbers compact automatically (1,500 becomes 1K+)
    
-   Optional, hide it to show just the heart
    
-   Bind Initial Count to a CMS field for a per-item count
    

### Style

-   Dark or Light theme, every color still overridable by hand
    
-   Custom colors for idle, hover, liked, background fill, and every particle
    
-   Dedicated font control for the counter, independent from heart size
    
-   Adjustable heart size and gap, particles can scale with heart size
    

## How to Set Up

1.  Drag Like Burst onto your canvas
    
2.  Set Initial Count, or bind it to a CMS field
    
3.  Pick a Theme, or set custom colors
    
4.  Publish
    

## Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

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

-   All · #4034

## Details

- **Author**: Nostromo Studio
- **Price**: $12.00
- **Published**: 2026-09-15
- **Updated**: 2026-10-08
- **Added**: 2026-09-15
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo