VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

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

Color PaletteTypographyShadowBorder RadiusGradientSpacingNavbarButtonCardHero SectionEasing CurveMicro InteractionBackgroundStyle Pack
Visual FoundationColor PaletteTypographyShadowBorder RadiusGradient
LayoutSpacing
ComponentsNavbarButtonCardHero Section
MotionEasing CurveMicro Interaction
DecorationBackground
PackagesStyle Pack

Easing Curve

5 of 5 materials

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.

ease-out-smooth·400ms
View Detail

Spring Bounce

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.

ease-spring·500ms
View Detail

Snappy Responsive

Ultra-fast, crisp easing for high-performance interfaces. Zero lag feel — elements snap into place instantly. Ideal for data-heavy dashboards, dev tools, and real-time applications.

ease-snap·200ms
View Detail

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.

ease-cinematic·800ms
View Detail

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.

ease-elastic·600ms
View Detail