5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8f8,

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

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

Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

5a:[["$","$L5d",null,{"post":{"id":"01a0a4a5-0d3c-717c-b8ea-9f233e3db205","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VoXuZwkSLLe1MIuGNUy4","resolved":true,"title":"Like Burst","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Like Burst","marks":[{"type":"bold"}]},{"type":"text","text":" 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."}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"customHeading","content":[{"type":"text","text":"Made to Be Yours"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Interaction"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click to like, click again to unlike, instantly responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Soft press animation and a burst of colorful particles on every like"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A halo pulse expands outward from the heart on click"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically disabled on canvas and in static exports"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Counter"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth vertical roll animation on every change, direction follows like or unlike"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Large numbers compact automatically (1,500 becomes 1K+)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional, hide it to show just the heart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bind Initial Count to a CMS field for a per-item count"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Style"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark or Light theme, every color still overridable by hand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom colors for idle, hover, liked, background fill, and every particle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated font control for the counter, independent from heart size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable heart size and gap, particles can scale with heart size"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Like Burst onto your canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Initial Count, or bind it to a CMS field"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a Theme, or set custom colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"A heart that bursts into confetti","slug":"like-burst","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a0a49f-8d56-744f-9ba6-0d73b1518ba8.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-15T10:37:54.831Z","updatedAt":"2026-09-15T10:37:54.831Z","publishedAt":"2026-09-15T10:37:54.828Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/LikeBurst-NMc3TP.js@YXIjtcg8aaU9Wm6o8fsE","previewUrl":"https://likeburst.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"YXIjtcg8aaU9Wm6o8fsE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T10:37:55.388Z","updatedAt":"2026-09-15T10:37:55.388Z","reported":false}}],"$L5f"]

Suggested for you