Loading 341 styles…
1 · Your story
2 · Pick a style
No style picked yet.
3 · Settings
4 · Your RelayModels key
Saved only in this browser's localStorage. It is never sent to the CodeMotion server. RelayModels
No key? Tick “Demo mode” to see the pipeline with a built-in sample — no AI call, no key needed.
Preview · အစမ်းကြည့်
How it works — 3 steps
- 1 · Pick a style. 341 prompts from the open library, with 196 reference stills. 145 styles are text-only — we say so, we never invent a picture for them.
- 2 · Type your story, add your key. Your RelayModels key + model stay in your browser. The app sends the style's real prompt + your story to RelayModels, and the model writes one HTML animation.
- 3 · Preview, download, export. Watch it in the preview, download the HTML, or export an MP4 (rendered frame-by-frame on the server — your key is never part of that call).
What it costs
Browsing styles is free. Generating uses your RelayModels key, so the AI cost is whatever your RelayModels plan charges. CodeMotion itself charges nothing in v0.1.
Source & licence
Styles come from mymyanmarland/code-animation-prompts, a fork of XiaoyeCodes/code-animation-prompts. Free to use and share — do not repackage this collection as a paid course or paid skill. Third-party content keeps its own licence.