All loops

Shapes · seamless 12 s loop

Stacked Squares

Four nested rounded squares turning in a staggered overshoot. Layers, design tools, structure.

  • squares
  • stack
  • layers
  • design
Ask your agent
Put the "Stacked Squares" motion loop behind this shot in my brand colours (#f97316, #ec4899), dark tone.
Timeline clip (layers.json)
{
  "component": "motion-loop",
  "props": {
    "loop": "stacked-squares",
    "tone": "dark",
    "accent": "#f97316",
    "accent2": "#ec4899"
  }
}
In a scene
import { LoopCanvas } from "agentcut/components";

<LoopCanvas loop="stacked-squares" accent="#f97316" accent2="#ec4899" tone="dark" />