5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T8e2,

Unlock entire Depth library for $149. One price. Lifetime.

--------------------------------------------------------

Give every click a little celebration. Mouse Click Effect draws a quick, hand-crafted burst wherever visitors click — rays, sparkles, rings, or a playful mix — adding personality to portfolios, product pages, and interactive sites.

It runs on the whole page or just inside the component's own area, and every part of the drawing is tunable.

How to use

Drop the component into your layout and pick a Style: Rays, Burst, Sparkles, Ring, or Mix. Set the Click Area to the component itself or the entire page.

Match your brand with the main Color and an Accent, then tune the Size, Density, and Stroke width of each burst. Duration controls how fast the effect plays, Max Effects caps how many can run at once, and Blend picks how the drawing mixes with the content underneath.

Features

Five click styles: rays, burst, sparkles, ring, and mix
Component-only or full-page click area
Custom main and accent colors
Adjustable size, density, and stroke width
Duration control for snappy or relaxed playback
Max effects limit for busy pages
Four blend modes including multiply and screen
Fires an event on every effect for advanced setups
Respects the visitor's reduced-motion preference
Works as a section, frame, or full-page layer
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

59:[["$","$L5c",null,{"post":{"id":"019f9a80-8d9a-7068-9766-61260d84adca","title":null,"body":"

Mouse Click - Give every click a celebration

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse Click - Give every click a celebration","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"usvcXsZ327O66G7Kt2DQ","resolved":true,"title":"Mouse Click","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Give every click a little celebration. Mouse Click Effect draws a quick, hand-crafted burst wherever visitors click — rays, sparkles, rings, or a playful mix — adding personality to portfolios, product pages, and interactive sites."}]},{"type":"paragraph","content":[{"type":"text","text":"It runs on the whole page or just inside the component's own area, and every part of the drawing is tunable."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your layout and pick a Style: Rays, Burst, Sparkles, Ring, or Mix. Set the Click Area to the component itself or the entire page."}]},{"type":"paragraph","content":[{"type":"text","text":"Match your brand with the main Color and an Accent, then tune the Size, Density, and Stroke width of each burst. Duration controls how fast the effect plays, Max Effects caps how many can run at once, and Blend picks how the drawing mixes with the content underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five click styles: rays, burst, sparkles, ring, and mix"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Component-only or full-page click area"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom main and accent colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable size, density, and stroke width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duration control for snappy or relaxed playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max effects limit for busy pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four blend modes including multiply and screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fires an event on every effect for advanced setups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects the visitor's reduced-motion preference"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a section, frame, or full-page layer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://mouse-click.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Give every click a celebration","slug":"mouse-click","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a80-636f-7404-a959-ecef57c2e1cf.png"}],"post":null,"createdAt":"2026-07-25T18:19:03.509Z","updatedAt":"2026-08-16T19:49:12.115Z","publishedAt":"2026-07-25T18:19:03.506Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mouse-click.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/60697d2a-e850-42ea-84a3-16291d19cd03","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"qYWvzgtOwLUCVvvOvnq3"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T18:19:03.962Z","updatedAt":"2026-07-25T18:19:03.962Z","reported":false}}],"$L5e"]

Suggested for you