Staggered List
A customizable Animated List component with motion controls, style options, and CMS support for creating dynamic, interactive lists.
Make it with Workshop
Build your own component with AI
About this Component
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 SourcesUse arrays for structured items or paste text as line-separated values, perfect for CMS-driven content.
Customizable AnimationsControl 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 ControlEasily customize fonts, colors, spacing, and icons. Add custom icons for bullet points with adjustable size, color, and alignment.
CMS IntegrationConnect directly to your Framer CMS collections so your list content updates dynamically as your project scales.
