I wanted to make motion decisions tangible: try a button, dismiss a notification, open a dialog, and expand a card with one coordinated style. Motion Composer is a focused editor for those four interactions. Start with a preset or one of three genuine saved Astra examples, adjust timing and appearance, and download a working standalone HTML example. The saved examples were generated earlier and do not make an API call. Optional Astra proposals change supported configuration. You can inspect a preview, accept or discard it, and undo an accepted change. You bring your own OpenAI key; the free workflow needs no connection. The implementation was built with Codex assistance. This is an interaction demo builder, not a website importer or a complete design system. I would love feedback on which motion decisions are hardest to communicate between design and development.

Motion Composer

Design UI motion. Export a working example.

Design UI motion. Export a working example.