VibeUI Logo
VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Back to Explore

Elastic Pop

High-energy elastic easing with pronounced overshoot and settle. Makes UI elements feel alive and reactive. Perfect for gaming interfaces, notifications, and achievement badges.

energeticplayfulboldcreativemediaeducation

Easing Preview

Curvecubic-bezier(0.68, -0.55, 0.27, 1.55)
Duration600ms
Nameease-elastic
Opacity
Scale
Translate
Use the Elastic Pop easing system for high-energy, reactive interfaces. Primary curve: cubic-bezier(0.68, -0.55, 0.27, 1.55) at 600ms — pronounced overshoot on both ends creates an elastic, rubber-band feel. Use 400ms for pop-in notifications, 600ms for card reveals, 300ms for button feedback. The -0.55 and 1.55 control points create visible overshoot — elements wind up then pop past their target before settling. Apply to achievement badges, notification toasts, like animations, and gamification elements.