The modern SaaS staple: content fades in while drifting up a short distance, as if surfacing to meet the reader. Paired with a gentle deceleration curve, it makes dashboards and landing sections feel alive without demanding attention.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Animate content entrances with the Rise Up transition system. Elements start at opacity 0 translated 16px down, then rise to their final position while fading in over 500ms with cubic-bezier(0, 0, 0.2, 1) — a fast start that gently decelerates into place. When several sibling elements enter together (cards in a grid, list rows, hero copy lines), stagger them by 80ms so the page assembles top to bottom instead of popping in at once. Keep the travel distance at 16px; larger offsets read as sliding rather than rising. The mood is polished and quietly confident, ideal for SaaS landings and dashboards.The modern SaaS staple: content fades in while drifting up a short distance, as if surfacing to meet the reader. Paired with a gentle deceleration curve, it makes dashboards and landing sections feel alive without demanding attention.