Orbit Of Frames

The frames live in one layer and the script gives each of them depth every frame: the position on the elliptical orbit sets the scale, the opacity, the blur and the stacking order. Keeping that in CSS animation would take four parallel keyframes per card, so rAF computes the positions. A full turn takes a minute at speed = 1: the orbit has to read as movement rather than as a spinning wheel. Frame sizes and ratios alternate — identical rectangles read as a grid rather than an armful of cards. Photos come through the photos prop; without them paper blanks stay on the orbit, so the component drops into someone else's project with no assets at all. The phrase sits above the frames and does not travel with them, and the whole centre can be replaced through children. The theme comes from the surroundings through light-dark(): by day the canvas is light, by night dark, and the frame surface follows it. The background and ink props override both branches at once. The canvas stays flat, with no vignette and no halo: gradient circles give themselves away before the frames do, and the centre text is held by a glow in the canvas colour. A frame always stays fully on the canvas — when room runs short the orbit shrinks the cards instead of cutting them. The orbit stops off-screen and in a hidden tab, and prefers-reduced-motion leaves a single still frame.