---
title: "Mouse Click — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Players. Mouse Click Effect draws a quick, hand-crafted burst wherever visitors click — rays, sparkles, rings, or a playful mix — adding…"
canonical: "https://framer.elliotli.dev/component/mouse-click"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Mouse Click

# Mouse Click

Give every click a celebration

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

![Mouse Click preview image 1](https://framer.elliotli.dev/og/component/mouse-click/d2b11c4c2145e091/1600x1200.jpg)

## Summary

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…

## Description

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

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

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[](https://mouse-click.framer.website/)
    

**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](mailto:hi@alicorak.com)

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

-   All · #9014

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-25
- **Updated**: 2026-08-16
- **Added**: 2026-07-25
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.