Back to Pack GalleryMotion Pack 06 · Choice
Template choice
Choose direction from visual templates, then attach the next action steadily to that choice.
Choose a starting pointTemplates with structure
Launch selected
Build a template chooser: three cards can switch, the chosen card has a clear boundary and corner mark, and the main action below adopts the active template name. Keep the motion light, short, and repeatable.
Motion rules
The primary action directly states which template will start the flow.
Reduced motion
Keep boundary, corner mark, and action-label updates.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.