Staggered List

Bring your content to life with smooth, fully customizable list animations.

Bring your content to life with smooth, fully customizable list animations. The Animated List component makes it easy to design dynamic, engaging layouts that adapt to your project’s style and CMS content. Flexible Content Sources Use arrays for structured items or paste text as line-separated values, perfect for CMS-driven content. Customizable Animations Control how each list item enters the screen with adjustable stagger delay, direction, start position, and offset . Built on Framer Motion , it delivers fluid, production-ready animations. Full Style Control Easily customize fonts, colors, spacing, and icons. Add custom icons for bullet points with adjustable size, color, and alignment. CMS Integration Connect directly to your Framer CMS collections so your list content updates dynamically as your project scales.