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.
afterShock
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
0.8–2
Major shake followed by diminishing aftershocks.
Gentle
afterShock
System crash notifications, critical error alerts, seismic/earthquake visualizations, high-impact warning dialogs, dramatic failure feedback, security breach alerts
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
0.8–1.6
Multiple attention grabs then settle
Gentle
alertPeek
Notification badges, gentle reminder alerts, chat message indicators, unread count animations, social media ping notifications, subtle attention-seeking elements
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
0.7–1.2
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
0.8–1.5
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
1-2
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
0.6–1.6
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
0.8–1.2
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
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
1–2
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
1-2
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
0.8–1.8
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
0.6–1.4
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
0.6–1.4
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
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
0.8–1.4
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
0.5–0.9
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
0.6–1.4
Gentle bouncing motion with soft rebounds
Gentle
softBounce
Success notifications, floating action buttons, gentle feedback, micro-interactions, friendly confirmation messages
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
0.4–0.8
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
0.6–1.2
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
0.8–2
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
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
1.2–2.5
Multiple oscillations like a pendulum coming to rest
Gentle
swinging
Game physics, hanging elements, pendulum animations, playful interactions, natural motion simulations, clock 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
1–2
Multiple oscillations that gradually settle
Gentle
wobbleSettle
Jello effects, spring animations, playful interactions, fun confirmation feedback, elastic UI elements, bouncy success states