Staggered List Entrance
List items animate in one after another with cascading timing.
Adjust the preview
Every choice updates the preview and the wording below.
Animation Type
Delay Between
Item Count
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a staggered list entrance animation where 8 list items appear with a fade and slide up animation, each delayed by 100ms. The items should start hidden and cascade in beautifully. Use CSS animation-delay or Framer Motion staggerChildren.
Paste it into Claude, Cursor, or v0 along with the context for your project.