VibeUI Logo
VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

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

Back to Explore

Smooth Deceleration

A natural deceleration curve that feels organic and polished. Elements glide into place with gentle easing, perfect for UI transitions in SaaS dashboards and professional apps.

elegantminimalsaasfinancetech

Easing Preview

Curvecubic-bezier(0, 0, 0.2, 1)
Duration400ms
Nameease-out-smooth
Opacity
Scale
Translate
Use the Smooth Deceleration easing system for all UI transitions. Primary curve: cubic-bezier(0, 0, 0.2, 1) at 400ms for standard transitions, 200ms for micro-interactions, and 600ms for page-level reveals. This curve starts fast and gently decelerates, creating a polished, professional feel. Apply to modals, dropdowns, tooltips, and slide-in panels. Never use linear or bounce easings with this system.