Different materials. Shared rhythm.

1. 🎞️ The sketch expands in discrete frames.
2. 🎞️ The larger foam emoji glides smoothly throughout that expansion and arrives as the tab reaches its size.
3. 🎞️ In the last two expansion frames, letters begin writing in.
4. 🎞️ The remaining letters finish after the tab settles, with readable side padding.

🎞️ Collapsed emojis sit mostly on the tab and peek slightly above it. Expanded width follows the amount of text.

1. 🎞️ Letters erase first.
2. 🎞️ During their last frames, the tab begins to collapse and the emoji starts its return glide.
3. 🎞️ A selected desktop tab stays open; hover temporarily reveals others.
4. 🎞️ On mobile, first tap previews a different tab with “TAP 2X”; the second enters. The current tab does not require a second entry tap.

🎞️ The shared pencil line joins the selected tab on both sides and leaves its interior open. New color draws outward while old color erases. Both edges feather into paper white where they meet; the pigments do not overlap. Crowded files keep their size and tuck in order, including their foam stickers. Nearer silhouettes mask the hidden parts of rear files; no white backing is painted. The real page, including its notebook ruling, stays visible through the drawing and fade. Unselected outer contours fade at the bottom into the front divider; the selected outline stays clean and connected. The outgoing joined line keeps its old shape as it erases beneath the incoming file. A tiny stepped lift and settle accompanies selection while the foam continues gliding. On refresh, measure and position files before revealing them. The selected file draws first; the divider travels outward at its steady pace. Each neighboring file waits until the line passes its space, then follows with slightly overlapping strokes and varied drawing directions. Each foam sticker briefly fades at the start, then pops and lands as its own tab is drawn. No sideways setup slide. Rear files retain soft breathing room above the divider so their fading contours are visible. Hover or first-tap preview reveals the letters and moves the foam upward without lifting the paper tab. Only the selected file lifts, and its contour connects fully to the front line. Collapsed stickers sit slightly higher. Only the divider’s far outer ends fade away; selected joins remain clear.

🎞️ Move or subtly redraw the actual stroke. Do not stretch its thickness. Preserve page scroll and fixed notebook-line position.

🎞️ Foam emoji lift and tilt smoothly toward the viewer. Physical markers may roll. Tape-free post-it info notes tilt individually and fade/pop over the meter without moving the page.

🎞️ Motion is purposeful and user-triggered. Every sequence needs a readable settled state, keyboard access, and reduced-motion behavior. No perpetual bobbing is needed.