VibeUI Logo
VibeUI
ExploreExtractMixerStyle PacksFavorites
Get Started
VibeUI Logo
VibeUI

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

Back to Explore
Easing Curve
4 export formats

Cinematic Slow

Dramatic, slow-motion easing for hero sections and storytelling interfaces. Long curves with elegant acceleration create a premium, cinematic feel. Perfect for portfolios and luxury brands.

elegantboldcreativemediatravel

Easing Preview

Curvecubic-bezier(0.16, 1, 0.3, 1)
Duration800ms
Nameease-cinematic
Opacity
Scale
Translate

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Use the Cinematic Slow easing system for dramatic, premium interfaces. Primary curve: cubic-bezier(0.16, 1, 0.3, 1) at 800ms — a long, elegant deceleration that makes content feel like it's floating into view. Use 600ms for section reveals, 800ms for hero animations, 1000ms for full-page transitions. Pair with large-scale transforms (translateY 40-80px) for cinematic parallax. This system is about visual storytelling — every animation should feel intentional and luxurious.
Easing Curve

Cinematic Slow

Dramatic, slow-motion easing for hero sections and storytelling interfaces. Long curves with elegant acceleration create a premium, cinematic feel. Perfect for portfolios and luxury brands.

elegantboldcreativemediatravel

Easing Preview

Curvecubic-bezier(0.16, 1, 0.3, 1)
Duration800ms
Nameease-cinematic
Opacity
Scale
Translate

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Use the Cinematic Slow easing system for dramatic, premium interfaces. Primary curve: cubic-bezier(0.16, 1, 0.3, 1) at 800ms — a long, elegant deceleration that makes content feel like it's floating into view. Use 600ms for section reveals, 800ms for hero animations, 1000ms for full-page transitions. Pair with large-scale transforms (translateY 40-80px) for cinematic parallax. This system is about visual storytelling — every animation should feel intentional and luxurious.