How to make your own motion and get it into the TokTokTok Motion Shop.
A TokTokTok motion is a transparent-background animation that plays over a presentation or lesson screen for about 5 seconds. When the presenter taps their Apple Watch, it plays on top of the Mac's presentation screen. The slide underneath stays fully visible, and clicks pass straight through.
What not to do
A motion sits as a box at the bottom center of the presentation screen. You only set the height as a percentage of the screen — the width is set automatically from the video's aspect ratio. So the same 100% height looks completely different for a portrait video than for a landscape one.
Based on a MacBook's built-in screen (16:10). On an external monitor (16:9), the same video looks a bit smaller because the screen is wider.
| 3:4 portrait | Even at 100% height, the width is only about half the screen (~47%). Good for a single character. Leaves most of the slide visible. |
|---|---|
| 1:1 square | About 62% width. Gives a little room for side-to-side movement. |
| 16:9 wide | Fills the screen edge to edge. But at 100% height on a MacBook's built-in screen, the sides get cropped — set the height to 90% for a perfect fit. Use this for full-screen effects (falling snow, fireworks, running across the screen). |
Cropping is fine if what gets cut off is just empty space. Just don't put anything important near the edges.
Generate a reference image of your character on a "pure green #00FF00 background" with an image tool, then feed it as the first frame to a video generation tool (like Seedance) with a prompt for 5 seconds of motion. Always spell out a locked camera, a fixed background, and silence in your prompt.
Export with a transparent (alpha) or pure #00FF00 background from After Effects, Final Cut, Blender, or Procreate Dreams.
You can animate a still illustration in CapCut or similar — the background just needs to be a solid color.
Copy-paste block — drop this at the end of your AI video generation prompt.
Common image prompt block
A full-body reference image, portrait orientation. The character is fully visible from head to toe, positioned at about 55 percent of the frame height at the bottom center, with generous margin on all sides. The entire background is a single, perfectly uniform chroma-key green, hex 00FF00. No floor line, horizon, shadow, reflection, green spill, background texture, or gradient. No green anywhere on the character or props. No translucency, glass, smoke, or blur effects. Clean, closed outlines. No text, numbers, logos, watermarks, or extra characters.
Common video prompt block
The camera is completely locked from the first frame to the last. No zoom, pan, tilt, shake, rack focus, scene changes, or cuts. The character keeps the exact same bottom-center position and scale as the first frame, and stays fully visible at all times. The entire background stays a single, uniform chroma-key green, hex 00FF00, in every frame, with no shift in brightness or hue. No floor, horizon, walls, shadows, reflections, gradients, or texture. No green spill on the character or props. Sharp, clean outlines. No motion blur, trailing, smoke, light bloom, dust, confetti, small particles, translucency, or fast flashing. No text, numbers, captions, speech bubbles, logos, watermarks, or extra characters. Silent — no speech, music, or sound effects. Five seconds long, 3:4 portrait ratio.
The same spec can produce very different results. These are things we've confirmed by testing.
Keying removes pixels that read as green, so fine hair, fur, or translucent edges leave a green fringe behind. The more perfectly uniform your background is, the cleaner the result. Gradients, lighting hot spots, and green spill are the biggest offenders.
Styles with clean outlines and solid color fields — voxel/blocky (Minecraft-style), clay, or thick cartoon — key out almost perfectly. Fuzzy or translucent styles get messy edges even at the exact same spec.
Exporting ProRes 4444 .mov, where the video carries real transparency data instead of a green background, skips keying entirely, so edges come out perfect. The tradeoff is 5–10x the file size, so you'll need a shorter clip to stay under 14MB.
Terms worth adding to a voxel-style prompt — made of angular cube blocks, stepped pixel silhouette, solid color fields, no soft shadows, crisp outlines.
In the TokTokTok Studio (web): Sign in with Apple → New submission → upload your video file + preview GIF + title, style, and price → Submit. The server checks the spec automatically, and if something fails, it tells you exactly which rule and why.
(Temporary note before launch) The Studio is still being built. Get your motion ready now and you'll be able to submit the moment it opens. Questions? Email us below.
Approved motions go live in the shop right away. If a problem turns up after approval, we can take it down and ask for a fix.
We're only accepting free motions for now. Paid sales start once in-app purchases open.
Launch promotion — for the first year after paid sales open, every creator is guaranteed at least 20%, regardless of tier. If your tier's rate is higher than 20%, you get the higher rate.
After the promotion ends, a creator's share is 10% to 30% of the listed price, depending on tier. You move up a tier once you clear the required lifetime sales revenue, sales count, and buyer rating — all three at once. From tier 2 on, though, missing the minimum sales count over the trailing 30 days can drop you a tier (5 sales for tier 2 · 15 for tier 3 · 40 for tier 4 · 100 for tier 5). Lifetime totals never reset, so hitting the number again restores your tier.
| Tier | Rate | On a ₩1,000 sale |
|---|---|---|
| Tier 1 (starting) | 10% | ₩100 |
| Tier 2 | 15% | ₩150 |
| Tier 3 | 20% | ₩200 |
| Tier 4 | 25% | ₩250 |
| Tier 5 | 30% | ₩300 |
Payouts close at the end of each month and are paid on the 15th of the following month; ₩10,000 minimum payout. Full terms are in the Creator Terms.