A playful spring-based easing with subtle overshoot. Adds personality to interactive elements like buttons, toggles, and notifications. Great for consumer apps and creative platforms.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Spring Bounce easing system for playful, interactive UI. Primary curve: cubic-bezier(0.34, 1.56, 0.64, 1) at 500ms — this overshoots slightly then settles, creating a springy feel. Use 300ms for small elements (buttons, toggles), 500ms for medium (cards, modals), 700ms for large (page transitions). The overshoot amount is subtle (1.56 control point) — it feels bouncy without being cartoonish. Apply to button presses, toggle switches, notification pop-ins, and card reveals.A playful spring-based easing with subtle overshoot. Adds personality to interactive elements like buttons, toggles, and notifications. Great for consumer apps and creative platforms.