Reveal grouped content with a quiet, structured rhythm.

Calm Staggered Fade Up

Items enter with a small upward movement and opacity fade, creating a calm, premium rhythm for grouped content.

Back to motion
AI prompt 
Use a subtle staggered fade-up entrance for the card group. Each item should start at opacity 0 and translateY(12px), then animate to opacity 1 and translateY(0). Use around 420ms duration, 80ms stagger delay, and a calm ease-out curve. The motion should feel premium, quiet, and structured.
Negative prompt 
Do not use large movement, bounce, rotation, elastic easing, random delays, or a slow dramatic reveal. The entrance should not feel playful, theatrical, or attention-seeking.
Tokens 
{
  "id": "calm-staggered-fade-up",
  "category": "motion",
  "trigger": "on page load or scroll into view",
  "target": "cards or list items",
  "from": { "opacity": 0, "y": "12px" },
  "to": { "opacity": 1, "y": "0px" },
  "duration": "420ms",
  "stagger": "80ms",
  "easing": "cubic-bezier(0.22, 1, 0.36, 1)"
}