VibeUI Logo
VibeUI
ExploreExtractMixerStyle PacksFavorites
Get Started
VibeUI Logo
VibeUI

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

Back to Explore
Transition
4 export formats

Soft Fade

A pure opacity reveal with no movement at all. Content simply becomes present, as if it was always there and the light just came up. The calmest possible entrance for editorial pages, text blocks, and images.

minimalelegantmediasaas

Transition Preview

Duration400ms
Easingcubic-bezier(0.33, 1, 0.68, 1)
Enter fromopacity 0
Staggernone

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Reveal content with the Soft Fade transition system. Elements enter with a pure opacity fade from 0 to 1 over 400ms using cubic-bezier(0.33, 1, 0.68, 1), with no translation, scaling, or blur of any kind. Use it for text blocks, images, and full page sections where content should feel like it was always there — the fade only acknowledges its arrival. Exits are faster than entries: fade out over 200ms with the same curve so departing content never lingers. The overall mood is calm, editorial, and confident, letting the content itself carry the drama.
Transition

Soft Fade

A pure opacity reveal with no movement at all. Content simply becomes present, as if it was always there and the light just came up. The calmest possible entrance for editorial pages, text blocks, and images.

minimalelegantmediasaas

Transition Preview

Duration400ms
Easingcubic-bezier(0.33, 1, 0.68, 1)
Enter fromopacity 0
Staggernone

Export Snippets

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

AI Prompt

Natural-language design direction for AI coding tools.

Reveal content with the Soft Fade transition system. Elements enter with a pure opacity fade from 0 to 1 over 400ms using cubic-bezier(0.33, 1, 0.68, 1), with no translation, scaling, or blur of any kind. Use it for text blocks, images, and full page sections where content should feel like it was always there — the fade only acknowledges its arrival. Exits are faster than entries: fade out over 200ms with the same curve so departing content never lingers. The overall mood is calm, editorial, and confident, letting the content itself carry the drama.