Click Animations

PRO

Advanced click/tap animations with ripple, pulse, scale, bounce, shake, glow, and wave effects for interactive feedback

Pro Features

Unlock advanced capabilities with the Pro version

7 Animation Types

Ripple, pulse, scale, bounce, shake, glow, wave

Gesture Recognition

Single, double, long press detection

Customizable Effects

Colors, intensity, duration control

6 Easing Functions

Natural animation curves

Touch Support

Works seamlessly on mobile

Performance Optimized

RAF-based animations

Installation

Install via CLI

npx moonui-cli@latest add click-animations

Usage

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Examples

Animation Types

PRO

7 different click animation types - ripple, pulse, scale, bounce, shake, glow, and wave effects

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Click Types

PRO

Different click gesture recognition - single click, double click, and long press interactions

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Click once

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Click twice

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Hold for 500ms

Easing Functions

PRO

6 easing functions for natural animation curves

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Standard

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Slow start

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Slow end

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Both slow

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Bouncy

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Spring-like

Intensity Levels

PRO

Control animation intensity from subtle to prominent effects

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

intensity: 0.8

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

intensity: 1.5

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

intensity: 2.5

Ripple Colors

PRO

Customizable ripple colors for brand consistency

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Duration Variations

PRO

Adjust animation duration for different interaction speeds

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

300ms

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

600ms

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

1000ms

Interactive Buttons

PRO

Real-world button components with enhanced click feedback

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Card Click Interactions

PRO

Interactive card components with click animations for enhanced UX

Pro Required

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.

Pro Component - ClickAnimations

Bu bileşen MoonUI Pro aboneliği gerektirir.