All components
Overlays
Checklist
A to-do card whose items get ticked off one by one: a circle fills, a checkmark draws in, the text dims and strikes through, and a progress bar fills.
When to use it
Showing steps getting done or features included: an onboarding flow, "what's in the box", a launch checklist, before/after task lists, a recap of what the product just did for you.
Use it in Motion Studio
Ask Claude in Motion Studio, or add it from Assets → Motion and edit these props in the inspector.
{
"id": "checklist-1",
"from": 0,
"duration": 120,
"component": "checklist",
"props": {
"background": "#0b0b0f"
}
}