A collection of easy to use CustomEases for when Power4 won't quite cut it
Find, copy & paste GSAP CustomEases to help level up your animations. Some of these are pretty dramatic so use them sparingly. Or don't, its up to you.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
alertBubble
M0,0 C0.1,0.4 0.2,0.2 0.3,0.7 0.4,1.2 0.6,0.8 0.8,1.1 0.9,1.03 0.95,0.98 1,1
Playful bubble appearance with bounce
Gentle
alertBubble
Chat notifications, message alerts, social interactions, comment notifications
alertPeek
M0,0 C0.05,0.8 0.1,1.2 0.15,0.9 0.2,0.6 0.25,0.8 0.3,1.1 0.35,0.7 0.4,0.4 0.6,0.6 0.8,0.8 0.9,0.9 1,1
Multiple attention grabs then settle
Gentle
alertPeek
Notification badges, gentle reminder alerts, chat message indicators, unread count animations, social media ping notifications
bigSettle
M0,0,C0,0,0.06,0.394,0.085,0.518,0.105,0.623,0.149,0.823,0.175,0.914,0.195,0.987,0.241,1.119,0.265,1.175,0.278,1.205,0.301,1.249,0.315,1.269,0.326,1.288,0.35,1.32,0.365,1.332,0.384,1.349,0.428,1.374,0.45,1.378,0.472,1.381,0.517,1.369,0.54,1.359,0.562,1.349,0.598,1.32,0.625,1.298,0.682,1.249,0.812,1.102,0.87,1.056,0.892,1.038,0.922,1.02,0.94,1.013,0.955,1.007,1,1,1,1
Strong initial movement with gentle settling
Gentle
bigSettle
Button hover states, dropdown menus, tooltip appearances, call-to-action buttons, confident interaction feedback
bouncing
M0,0 C0.173,0 0.247,1 0.247,1 0.247,1 0.271,1 0.271,1 0.271,1 0.308,0.51 0.416,0.51 0.502,0.51 0.566,1 0.566,1 0.566,1 0.578,1 0.578,1 0.578,1 0.606,0.783 0.664,0.783 0.71,0.783 0.753,1 0.753,1 0.753,1 0.758,1 0.758,1 0.758,1 0.776,0.913 0.809,0.913 0.836,0.913 0.862,1 0.862,1 0.862,1 0.865,1 0.865,1 0.865,1 0.874,0.968 0.895,0.968 0.912,0.968 0.927,1 0.927,1 0.927,1 0.927,1 0.927,1 0.927,1 0.932,0.989 0.945,0.989 0.956,0.989 0.964,1 0.964,1 0.964,1 0.964,1 0.964,1 0.964,1 0.967,0.997 0.975,0.997 0.982,0.997 0.986,1 0.986,1 0.986,1 0.986,1 0.986,1 0.986,1 0.988,0.999 0.993,0.999 0.997,0.999 1,1 1,1
Realistic bouncing ball effect with diminishing bounces
Gentle
bouncing
Button clicks, notification alerts, game object interactions, modal popups, success confirmations, playful feedback animations
digitalGlitch
M0,0 C0,0 0.1,0 0.15,0.6 0.2,1.2 0.25,0.3 0.35,0.8 0.45,1.3 0.5,0.1 0.65,0.9 0.8,1.7 0.9,0.5 1,1
Sharp, erratic motion mimicking digital interference
Gentle
digitalGlitch
Glitch effects, tech interfaces, error states, cyberpunk aesthetics, loading interruptions, system malfunction indicators
elastic
M0,0 C0,0 0.015,0.156 0.021,0.226 0.033,0.373 0.054,0.719 0.065,0.867 0.07,0.941 0.079,1.055 0.085,1.115 0.089,1.162 0.1,1.254 0.106,1.293 0.109,1.31 0.113,1.33 0.116,1.341 0.119,1.349 0.124,1.365 0.128,1.369 0.131,1.372 0.137,1.372 0.14,1.369 0.145,1.365 0.153,1.344 0.156,1.334 0.161,1.319 0.167,1.29 0.173,1.265 0.188,1.198 0.216,1.03 0.233,0.965 0.239,0.94 0.25,0.91 0.256,0.896 0.259,0.889 0.263,0.882 0.266,0.879 0.269,0.875 0.275,0.87 0.279,0.869 0.282,0.867 0.288,0.868 0.291,0.869 0.295,0.871 0.3,0.874 0.306,0.881 0.325,0.905 0.364,0.986 0.383,1.012 0.39,1.021 0.399,1.031 0.405,1.035 0.41,1.039 0.421,1.045 0.427,1.046 0.434,1.047 0.448,1.044 0.457,1.041 0.475,1.034 0.515,1.003 0.533,0.995 0.544,0.99 0.56,0.984 0.574,0.983 0.607,0.981 0.683,1.003 0.72,1.005 0.757,1.007 0.831,0.998 0.868,0.998 0.901,0.997 1,1 1,1
Rubber-like stretching motion with spring-back effect
Gentle
elastic
Menu drawer open/close, accordion expand, elastic scroll, mobile pull-to-refresh, stretchy button interactions
engineChug
M0,0 C0.1,0.4 0.15,0.1 0.25,0.5 0.35,0.9 0.4,0.2 0.5,0.6 0.6,1.1 0.65,0.3 0.75,0.7 0.85,1.2 0.9,0.4 1,1
Rhythmic engine chug, with regular powerful bursts.
Gentle
engineChug
Industrial loading animations, heavy processing indicators, mechanical interface themes, steampunk UI elements, machinery status displays, power-up sequences
fluidFlow
M0,0 C0.08,0.4 0.12,0.1 0.2,0.5 0.3,0.9 0.35,0.2 0.45,0.7 0.55,0.3 0.65,0.8 0.75,0.4 0.85,0.9 0.95,0.6 1,1
Smooth flowing motion with turbulence
Gentle
fluidFlow
Water effects, morphing shapes, liquid interfaces, streaming content, flow charts
frogHop
M0,0 C0,0 0.056,0.442 0.175,0.442 0.294,0.442 0.332,0 0.332,0 0.332,0 0.414,1 0.671,1 0.991,1 1,0 1,0
Quick anticipation, big jump, soft landing
Gentle
frogHop
Button interactions, notification pop-ups, character animations, nature-themed apps, children's interfaces
gentleArc
M0,0 C0,0.5 0.5,1 1,1
Smooth circular deceleration, like a ball rolling to stop
Gentle
gentleArc
Navigation menu transitions, card hover effects, subtle page scrolling, elegant modal appearances, premium brand interactions
gentleSlow
M0,0,C0.11,0.494,0.192,0.726,0.318,0.852,0.45,0.984,0.504,1,1,1
Gradual, controlled deceleration for subtle interactions
Gentle
gentleSlow
Progress bars, loading animations, form field focus, subtle opacity changes, premium micro-interactions
hitchcockZoom
M0,0 C0,0 0.3,0.1 0.45,0.2 0.6,0.3 0.7,0.6 0.8,0.85 0.9,1.1 0.95,1.05 1,1
Unsettling dolly zoom effect curve
Gentle
hitchcockZoom
Dramatic focus changes, suspenseful reveals, camera-like motion, thriller interfaces, warning dialogs, psychological emphasis effects
impact
M0,0 C0,0 0.6,0.1 0.8,0.9 0.9,1.4 0.95,0.8 0.98,0.95 0.99,1.05 1,1 1,1
Sharp impact with realistic bounce-back
Gentle
impact
Collision effects, dramatic emphasis, action feedback, delete actions, high-energy button presses, combat game animations
jerky
M0,0,C0,0,0.028,0.188,0.055,0.207,0.077,0.223,0.12,0.112,0.14,0.136,0.156,0.157,0.126,0.29,0.145,0.291,0.16,0.291,0.135,0.187,0.15,0.169,0.174,0.138,0.239,0.233,0.265,0.261,0.282,0.279,0.306,0.346,0.325,0.342,0.346,0.337,0.356,0.209,0.385,0.213,0.45,0.222,0.483,0.693,0.55,0.679,0.588,0.671,0.573,0.429,0.605,0.427,0.618,0.427,0.615,0.49,0.625,0.505,0.641,0.53,0.692,0.513,0.71,0.539,0.728,0.567,0.734,0.689,0.755,0.702,0.764,0.708,0.776,0.67,0.785,0.672,0.792,0.673,0.803,0.693,0.81,0.71,0.824,0.752,0.82,0.898,0.845,0.924,0.869,0.95,0.926,0.838,0.95,0.862,0.967,0.879,0.961,0.979,0.975,0.999,0.981,1.008,1,1,1,1
Irregular, mechanical stutter motion
Gentle
jerky
Glitch effects, data visualization updates, retro game animations, error states, robot movements, system lag simulations
leafFlutter
M0,0 C0.1,0.2 0.15,-0.1 0.25,0.3 0.35,0.7 0.4,0.1 0.5,0.5 0.6,0.9 0.65,0.3 0.75,0.6 0.85,1.1 0.9,0.7 1,1
Leaf floating down, with irregular side-to-side motion.
Gentle
leafFlutter
Seasonal autumn interfaces, nature-themed apps, gentle falling animations, weather app transitions, meditation apps, organic movement effects
liquidDrop
M0,0 C0,0 0.12,0.8 0.25,0.8 0.38,0.8 0.42,0.2 0.55,0.35 0.68,0.5 0.75,0.9 0.85,0.95 0.95,1 1,1 1,1
Perfect for organic, fluid motion effects
Gentle
liquidDrop
Droplet animations, liquid effects, organic transitions, water-themed interfaces, smooth morphing animations, natural flow effects
loadingStutter
M0,0 C0.1,0.2 0.15,0.2 0.2,0.2 0.25,0.4 0.3,0.4 0.35,0.4 0.4,0.6 0.45,0.6 0.5,0.6 0.6,0.8 0.7,0.8 0.8,0.8 0.9,0.9 0.95,0.95 1,1
Stepped loading progress with small pauses
Gentle
loadingStutter
File upload progress, step-by-step processes, buffering animations, data processing feedback, incremental loading sequences, network request visualization
magneticSettle
M0,0 C0,0 0.05,0.05 0.1,0.1 0.15,0.15 0.7,0.2 0.85,0.8 0.95,1.2 1,1 1,1
Slow start with sudden magnetic snap to finish
Gentle
magneticSettle
Snap-to-grid interactions, magnetic UI element attraction, dock-style navigation, precise positioning feedback, tool selection interfaces
miniShocks
M0,0 C0.1,0.8 0.15,0.2 0.2,0.9 0.25,0.1 0.3,0.7 0.35,0.3 0.4,0.85 0.45,0.15 0.5,0.6 0.6,0.4 0.7,0.8 0.8,0.6 0.9,0.9 0.95,0.8 1,1
Major shake followed by diminishing aftershocks.
Gentle
miniShocks
System crash notifications, critical error alerts, seismic/earthquake visualizations, high-impact warning dialogs, dramatic failure feedback, security breach alerts
notificationBell
M0,0 C0.1,0.6 0.15,0.2 0.25,0.8 0.3,0.1 0.4,0.7 0.45,0.3 0.55,0.6 0.6,0.4 0.7,0.55 0.8,0.45 0.9,0.52 1,1
Oscillating like a ringing bell with dampening
Gentle
notificationBell
Notification bells, reminder alerts, appointment notifications, gentle attention-getting
paintBrush
M0,0 C0.2,0.8 0.25,0.4 0.3,0.9 0.35,0.2 0.6,0.7 0.65,0.3 0.8,0.8 0.9,0.6 1,1
Artistic, flowing strokes with varying pressure
Gentle
paintBrush
Creative tools, drawing applications, artistic reveals, design interfaces, signature animations
petalFall
M0,0 C0.1,0.3 0.15,0.1 0.25,0.4 0.3,0.2 0.4,0.6 0.45,0.3 0.55,0.7 0.6,0.4 0.7,0.8 0.8,0.5 0.9,0.9 1,1
Gentle floating down with air resistance variations
Gentle
petalFall
Seasonal transitions, romantic themes, gentle deletions, peaceful loading states
shakeStop
M0,0 C0,0 0.1,0.2 0.15,0.1 0.2,0.3 0.25,0.05 0.3,0.25 0.4,0.15 0.6,0.85 1,1
Gentle but noticeable shake for error states
Gentle
shakeStop
Form validation errors, gentle error feedback, incorrect password attempts, attention-getting animations, non-critical error states
slowSnap
M0,0,C0,0,0.028,0.215,0.045,0.276,0.051,0.299,0.061,0.326,0.07,0.34,0.076,0.351,0.07,0.356,0.1,0.375,0.25,0.472,0.71,0.543,0.875,0.612,0.907,0.626,0.906,0.626,0.915,0.634,0.925,0.644,0.939,0.67,0.945,0.683,0.952,0.699,0.96,0.729,0.965,0.751,0.977,0.807,1,1,1,1
Gradual build-up followed by quick snap to completion
Gentle
slowSnap
Page transitions, modal animations, image gallery navigation, tab switching, reveal animations, anticipation-building effects
smoothSnap
M0,0,C0.29,0,0.294,0.018,0.365,0.103,0.434,0.186,0.466,0.362,0.498,0.502,0.518,0.592,0.552,0.77,0.615,0.864,0.69,0.975,0.704,1,1,1
Balanced exponential motion, smooth yet snappy
Gentle
smoothSnap
Card flip animations, content reveal, sidebar toggles, smooth scrolling, quick responsive interactions
softBounce
M0,0 C0,0 0.065,0.284 0.09,0.373 0.11,0.448 0.154,0.589 0.18,0.654 0.202,0.714 0.252,0.826 0.28,0.873 0.303,0.914 0.353,0.983 0.38,1.01 0.404,1.034 0.454,1.068 0.48,1.08 0.505,1.091 0.548,1.1 0.585,1.099 0.679,1.097 1,1 1,1
Gentle bouncing motion with soft rebounds
Gentle
softBounce
Success notifications, floating action buttons, gentle feedback, micro-interactions, friendly confirmation messages
springSlow
M0,0 C0.175,1.885 0.32,1.275 1,1
Spring-like oscillation that gradually settles
Gentle
springSlow
Mobile gesture responses, swipe actions, elastic scrolling, touch feedback, natural physics simulations
steadyScale
M0,0 C0,0 0.14,0.033 0.185,0.048 0.224,0.061 0.298,0.091 0.335,0.109 0.371,0.127 0.441,0.168 0.475,0.192 0.508,0.216 0.57,0.268 0.6,0.297 0.632,0.329 0.692,0.4 0.72,0.437 0.747,0.474 0.796,0.551 0.82,0.592 0.845,0.638 0.893,0.734 0.915,0.783 0.938,0.836 1,1 1,1
Consistent exponential scaling for zoom effects
Gentle
steadyScale
Image zoom, modal scaling, thumbnail expansion, gallery lightbox, focus transitions, magnification effects
stepping
M0,0,C0,0,0.062,-0.013,0.076,0,0.091,0.014,0.063,0.068,0.078,0.083,0.091,0.096,0.139,0.07,0.153,0.083,0.168,0.097,0.14,0.152,0.155,0.166,0.168,0.179,0.216,0.153,0.23,0.166,0.244,0.181,0.216,0.235,0.231,0.25,0.245,0.263,0.293,0.236,0.306,0.25,0.321,0.264,0.293,0.318,0.308,0.333,0.321,0.346,0.369,0.32,0.383,0.333,0.398,0.347,0.37,0.402,0.385,0.416,0.398,0.429,0.446,0.403,0.46,0.416,0.474,0.431,0.446,0.485,0.461,0.5,0.475,0.513,0.524,0.486,0.538,0.5,0.553,0.514,0.525,0.568,0.54,0.583,0.553,0.596,0.601,0.57,0.615,0.583,0.629,0.597,0.601,0.652,0.616,0.666,0.63,0.679,0.678,0.653,0.691,0.666,0.706,0.681,0.678,0.735,0.693,0.75,0.706,0.763,0.754,0.736,0.768,0.75,0.783,0.764,0.755,0.818,0.77,0.833,0.783,0.846,0.831,0.82,0.845,0.833,0.859,0.847,0.831,0.902,0.846,0.916,0.86,0.929,0.908,0.903,0.921,0.916,0.936,0.931,0.908,0.985,0.923,1,0.937,1.013,1,1,1,1
Stair-step progression with incremental jumps and pauses
Gentle
stepping
Step-by-step tutorials, progress indicators, loading sequences, onboarding flows, multi-stage processes, wizard interfaces
stutterStep
M0,0 C0,0 0.15,0.3 0.2,0.3 0.25,0.3 0.3,0.6 0.4,0.6 0.5,0.6 0.55,0.85 0.7,0.85 0.85,0.85 0.9,1 1,1
Multiple quick pauses creating a stuttering effect
Gentle
stutterStep
Typewriter effects, loading sequences, mechanical motion, retro computer interfaces, character-by-character reveals, old-school data processing
swingStop
M0,0 C0.6,-0.28 0.735,0.045 1,1
Slight overshoot followed by settling back
Gentle
swingStop
Button hover effects, menu item selection, interactive elements, focus states, gentle correction animations
swinging
M0,0 C0.128,0.572 0.052,1.374 0.15,1.374 0.28,1.374 0.226,0.528 0.358,0.528 0.466,0.528 0.442,1.164 0.552,1.164 0.694,1.164 0.62,0.764 0.736,0.764 0.788,0.764 0.798,1.044 0.856,1.044 0.88,1.044 0.924,0.948 0.94,0.948 0.961,0.948 0.993,1 1,1
Multiple oscillations like a pendulum coming to rest
Gentle
swinging
Game physics, hanging elements, pendulum animations, playful interactions, natural motion simulations, clock interfaces
withPurpose
M0,0 C0.165,0.84 0.44,0.99 1,1
Confident, deliberate motion with controlled deceleration
Gentle
withPurpose
Primary button interactions, form submissions, navigation clicks, confirm actions, decision-making interfaces
wobbleSettle
M0,0 C0,0 0.15,1.3 0.25,1.1 0.35,0.9 0.4,0.8 0.5,1.05 0.6,1.3 0.7,0.95 0.8,1.02 0.9,1.09 0.95,0.99 1,1
Multiple oscillations that gradually settle
Gentle
wobbleSettle
Jello effects, spring animations, playful interactions, fun confirmation feedback, elastic UI elements, bouncy success states