Click Effects
The Click Effects feature plays an animated visual ripple every time you click the mouse. This gives your audience a clear signal that a click happened, essential for presentations and screen recordings where audio cues may not be available.
How It Works
Section titled “How It Works”Each click triggers an animation at the cursor position. The animation’s shape, color, duration, and motion are determined by the selected ripple profile and its settings. Left-click and right-click each have their own independent copy of these settings, so the two can look entirely different.
Key Concepts
Section titled “Key Concepts”- Profiles: 22 pre-built animation patterns across 4 categories (browse the catalog)
- Easing functions: 30+ motion curves that control how the animation accelerates (see all)
- Customization: color, duration, size, opacity, and direction (below)
Quick Start
Section titled “Quick Start”- Navigate to the Click Effects tab in settings.
- Toggle the feature On.
- Choose a ripple profile from the list.
- Click anywhere to see the effect.
Set the fill color of the ripple animation. Left-click and right-click colors are configured independently, making it easy for viewers to distinguish between the two buttons.
- Use the color picker or enter a hex value.
- High-contrast colors (white on dark, yellow, cyan) maximize visibility.
- Defaults: Deep Pink (left click), Green (right click).
Fade Color
Section titled “Fade Color”Controls whether the fill color fades to transparent during the animation.
- Enabled (default): the color transitions smoothly from opaque to transparent as the ripple expands.
- Disabled: the color stays at its starting opacity until the animation ends.
Initial Opacity
Section titled “Initial Opacity”The starting opacity of the ripple at the moment of the click, as a percentage (0–100).
- Default: 100%
- Lower values (50–80%) produce a softer effect; 100% gives a bold, solid start.
Opacity Multiplier
Section titled “Opacity Multiplier”A scaling factor applied to the overall opacity of the ripple animation.
- Default: 40
- Higher values produce a more vivid ripple; lower values make it more subtle.
Radius Multiplier
Section titled “Radius Multiplier”Controls the maximum size the ripple expands to, relative to the click point.
- Default: 10
- Higher values produce larger ripples, more visible from a distance.
- Lower values keep the ripple tight around the click point.
Animation Duration
Section titled “Animation Duration”Total length of each ripple animation, in milliseconds.
- Default: 750 ms
- Shorter (150–300 ms) feels snappy and responsive, good for fast-paced demos.
- Longer (600–900 ms) is easier to see and more dramatic, good for recordings or large displays.
Animation Direction
Section titled “Animation Direction”Controls how the animation progresses between the click point and the maximum radius.
| Direction | Description |
|---|---|
| Inward (default) | The ripple starts at full size and collapses toward the click point |
| Outward | The ripple starts at the click point and expands outward |
| Inward-Outward | The ripple collapses inward, then expands back outward |
Easing Function
Section titled “Easing Function”The interpolation curve that governs how the animation accelerates and decelerates. See Easing Functions for the full list and recommendations.
Learn More
Section titled “Learn More”- Click Effect Profiles: all 22 ripple profiles
- Easing Functions: 30+ motion curves