Animate In Presets
PrimitivesSix entrance presets on six otherwise identical tiles, replayed so they can be compared directly rather than remembered
This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.
What you can change — 3 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Cyclecycle · number
Frames per demonstration pass. The grid replays so presets can be compared twice.
now: 110
- Per tileperTile · number
Stagger between tiles, in frames. Zero fires them simultaneously.
now: 4
- Brandbrand · string
Brand token id — one of the keys of BRANDS.
now: slate
For developers — source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
A showcase grid demonstrating six entrance presets side by side — fadeUp, slideLeft, scalePop, blurIn, maskUp and flipY — with everything identical except the motion, so they can be compared.
