# MotionKit > MotionKit is an independent Claude Motion alternative. It is a paid skill pack that lets Claude Code, Codex or Cursor turn a document, script or notes into an editable, code-driven animated video and render it to MP4 locally with HyperFrames. It is not affiliated with Anthropic. ## Key facts - Anthropic launched Motion in beta on 8 October 2026 for Team and Enterprise workspaces. MotionKit is a separate product for people on Pro, Max or Free, or anyone who wants the source files. - Works with: Claude Code, Codex, Cursor, OpenCode, Antigravity, Kimi. Requires Node.js 22+; FFmpeg is downloaded automatically when missing. - Install: `npx -y motionkit-skills@latest setup` (needs a licence key). - Pricing: Creator $19.9/month, Studio $49.9/month. No free plan. 7-day refund if it does not run. - Documents and source files stay on the user's computer; a finished video is uploaded only if the user creates a share link. No render queue, no watermark. - Hosted share links: Creator includes 10, Studio includes 100 with view counts; public or password-protected. - Voiceover: narration in 25 voices (14 for nine languages, 11 expressive voices for any language with a tone direction), timed to the scenes. Creator includes 80,000 credits a month and Studio 240,000 (1 credit = 1 character). - Three outputs from one content file: MP4 video, narrated interactive deck (single HTML file with a speaker script per slide, seven chart kinds including a world map and scatter, quizzes, drag-to-match), and PowerPoint (.pptx with editable text and native charts). - Reads Word, PowerPoint, PDF, Markdown, web pages and shared Google Docs, including the numbers behind charts and the pictures inside the file, and checks every number on screen against the source. - Your own look: three brand colours or one of 36 ready palettes on any style's layout, with another style's fonts if wanted; contrast is checked and pictures follow the colours. - Pictures drawn in the style of the video: 60 a month on Creator, 200 on Studio. A scene can also show the user's own picture. - Music made from a description (10 tracks a month on Creator, 40 on Studio) and four original, synthesised music beds are included and cleared for commercial use. - Includes 37 motion styles: Paper Editorial, Blueprint, Kinetic Poster, Quiet Keynote, Chalk Lesson, Ledger, Terminal, Sunrise, Glass, Midnight, Pixel, Aubergine, Graph Paper, Pastel Shapes, Signal, Harbor, Newsprint, Botanical, Neon Night, Clay, Riso Print, Boardroom, Ink Brush, Sticker, Swiss, Terracotta, Arctic, Ember, Lagoon, Gallery, Candy, Memo, Orchard, Noir, Seaside, Denim, Mint. ## Pages - [Home](https://motionforclaude.com/): overview and comparison with Anthropic's Motion - [How to use Claude Motion](https://motionforclaude.com/how-to-use-claude-motion): both routes, step by step - [Claude Motion alternative](https://motionforclaude.com/claude-motion-alternative): who should use which - [Claude Motion templates](https://motionforclaude.com/claude-motion-templates): the 37 style specs and 36 palettes - [Examples](https://motionforclaude.com/claude-motion-examples): 141 example videos and 7 decks to open - [Claude Motion prompts](https://motionforclaude.com/claude-motion-prompts): 10 free prompts - [Open-source motion skills](https://motionforclaude.com/claude-code-motion-skills): a checked directory of free skills and engines, with licences - [Claude Motion not showing up? Here is why](https://motionforclaude.com/claude-motion-not-available): Motion only appears in Claude Team and Enterprise workspaces. A quick checklist to confirm, and a way to make code-driven animation today on Free, Pro or Max. - [Claude Motion pricing, plan by plan](https://motionforclaude.com/claude-motion-pricing): Motion has no separate price: it comes with Claude Team and Enterprise seats. What that means for Free, Pro and Max users, and what an alternative costs. - [Claude Motion-style examples, rendered for real](https://motionforclaude.com/claude-motion-examples): 141 complete code-driven animation examples: lessons, board updates, launches, pitches and changelogs across 37 styles, plus a live interactive deck. Every clip is actual output, not a mock-up. - [Claude Motion vs Runway, HeyGen and Canva](https://motionforclaude.com/claude-motion-vs-runway-heygen-canva): They solve different problems. Code-driven animation explains; Runway generates footage; HeyGen makes presenter videos; Canva assembles templates. How to pick. - [How to make animations with Claude](https://motionforclaude.com/claude-animation): Three ways to get animation out of Claude: an artifact in chat, the Motion beta on Team and Enterprise, or Claude Code with a renderer for MP4 on any plan. - [Turn a Claude artifact into a video](https://motionforclaude.com/claude-artifacts-to-video): Claude artifacts are interactive pages with no render-to-video step. How to get from an animated artifact to an MP4, and when to rebuild instead. - [A Remotion alternative for Claude Code](https://motionforclaude.com/claude-code-remotion-alternative): Remotion makes video with React components. HyperFrames makes it with plain HTML. What differs for an agent-driven workflow, including licence and setup. - [A Motion Canvas alternative, driven by an agent](https://motionforclaude.com/motion-canvas-alternative): Motion Canvas is a TypeScript library for programmatic animation. How an HTML-based, agent-driven workflow compares, and when Motion Canvas is still the better pick. - [An AI explainer video generator for people with something real to explain](https://motionforclaude.com/ai-explainer-video-generator): Turn a report, lesson or script into an animated explainer with exact figures, charts, narration and 37 styles. Built by your own coding agent, rendered locally. - [An AI motion graphics generator you can actually edit](https://motionforclaude.com/ai-motion-graphics-generator): Kinetic type, animated charts and titled scenes in 37 styles, written as editable code by your coding agent and rendered to MP4 on your machine. - [Animated charts from your own data](https://motionforclaude.com/animated-charts): Bar charts that grow, numbers that count up and filters your audience can click. Built from a spreadsheet or document by your agent, as MP4 or an interactive page. - [Turn a PDF or PowerPoint into an animated video](https://motionforclaude.com/pdf-to-video): Give your coding agent a PDF, slide deck or script and get an animated explainer with charts and narration, or an interactive deck. Rendered on your computer. - [A narrated deck, without a microphone](https://motionforclaude.com/narrated-ppt): Hand your coding agent a report or lesson. You get designed slides, a speaker script for every slide and a voice that reads them while the pages turn on their own. - [Make a PPT with Claude Code](https://motionforclaude.com/claude-ppt): How to get a designed slide deck out of Claude Code or Codex: a storyboard first, one point per slide, charts from your real numbers, and a .pptx or web deck at the end. - [Turn a document into slides](https://motionforclaude.com/document-to-ppt): Word files, PowerPoint files, PDFs, Markdown and web pages go in. A deck with one point per slide, charts from the real tables and a script for each slide comes out. - [Claude Motion, and how to use it on any plan](https://motionforclaude.com/claude-motion): Claude Motion is Anthropic’s feature that turns content into short code-driven animations, in beta for Team and Enterprise. What it does, and the route for Pro, Max and API users. - [Claude and video: what it can actually do](https://motionforclaude.com/claude-video-editing): Claude does not cut footage. It can write video as code: titles, charts and explainers that render to MP4. An honest map of what works and when to use an editor instead. - [Remotion skill or HyperFrames skill?](https://motionforclaude.com/remotion-skill): Both let a coding agent write video as code. Remotion uses React components; HyperFrames uses plain HTML with a timeline. What that means for agents, licences and editing. - [Motion graphics software: a short, honest map](https://motionforclaude.com/motion-graphics-software): Timeline editors, template tools, video models and code-driven tools each suit a different job. A plain comparison, and where an agent-written video is the right choice. - [Pricing](https://motionforclaude.com/pricing) - [Install](https://motionforclaude.com/get-started) # Claude Motion, on any plan: turn a doc into motion. Anthropic's Motion beta is limited to Team and Enterprise. MotionKit teaches the coding agent you already run to do the same job: write the animation as code, let you edit it, and render MP4 on your own computer. It also builds interactive decks and PowerPoint from the same content. Independent product. Not affiliated with Anthropic. All of it is real output: the launch film is cut from the example videos below and rendered with HyperFrames the same way, the showreel is cut from example projects in the pack, and each style tab plays its full 28-second example. All 37 styles are in the gallery below. Sample data. - Claude Code - Codex - Cursor - MP4 · interactive deck · PPTX ## No new app. You just ask. Install once, then hand your agent a file. It drafts a storyboard, picks a style and builds the video. The first run opens your browser to sign in: one click, no key to paste. Works with Claude Code · Codex · Cursor · OpenCode · Antigravity · Kimi The chat above is an illustration of the workflow, not a recording. ## What do you want to make? Pick the kind of job. You see finished videos made for it, and each one shows the sentence that asks your agent for the same thing. ### Teach and explain Lesson, Training, Explainer, How-to, School news. 25 examples. ### Report and review Report, Public report, Retro, Plan, Recap. 26 examples. ### Launch and update Launch, Changelog, Customer update, Patch notes, Product tour. 26 examples. ### Pitch and decide Pitch, System design, Design review, Strategy, Brand story. 27 examples. ## Three steps. Your agent does the work. ### Drop in your content A report, a script, lesson notes or a changelog. The agent reads all of it and keeps numbers exactly as written. ### Approve the storyboard and style You see every scene before anything is built, and pick one of 37 looks or let the agent choose. ### Edit, then render Retime scenes on a timeline or ask for changes in plain words. Export MP4 when it looks right. ## 37 looks, each a complete working video Every style ships with its own fonts, layout rules, motion profile and a full example project your agent copies and rewrites. Hover a card to play it. ### Paper Editorial Warm paper, a serif headline and one rust accent. Unhurried, like a magazine feature. ### Blueprint Deep navy grid with cyan linework. Everything is drawn as an outline and wipes on like a plotter. ### Kinetic Poster Black stage, condensed type at poster scale and one acid colour. Words land hard and fast. ### Quiet Keynote A pale stage, generous space and calm numbers on white cards. One figure owns each frame. ### Chalk Lesson A green board with handwritten headings and a yellow highlight. Steps are written out one by one. ### Ledger White page, mono figures and a single green for growth. Built so charts stay readable. ### Terminal A charcoal terminal window in mono with a green prompt. Lines print in steps, like real output. ### Sunrise A coral-to-violet wash with rounded white type. Friendly and bright, with a springy entrance. ### Glass A pale stage with soft colour in the air and frosted white panels. Calm, expensive-looking, lots of room. ### Midnight Near-black canvas, hairline borders, tight type and a single lavender glow. Precise and quiet. ### Pixel Warm cream with orange-to-yellow blocks and square corners. Everything arrives in steps, like pixels lighting up. ### Aubergine Deep purple with warm yellow and chat-bubble panels. Friendly and conversational, like a message from a colleague. ### Graph Paper A light technical grid, mono type and one green for the result that matters. Reads like a careful lab notebook. ### Pastel Shapes Cream paper, playful pastel geometry and mixed round and square shapes. Collaborative and slightly off-grid. ### Signal Deep black with a slashing red band and heavy white type. Urgent and impossible to skim past. ### Harbor Deep navy type on pale surfaces with one confident indigo. Trustworthy and tidy, with a soft gradient across the top. ### Newsprint Off-white paper, black serif headlines and one red rule. Reads like a front page. ### Botanical Cream paper, sage green and a serif that takes its time. Calm, with watercolour pictures. ### Neon Night Midnight blue with magenta light. Loud headings, glowing edges, built for a dark room. ### Clay Warm beige with terracotta and soft round shapes. Friendly without being childish. ### Riso Print Warm white paper printed in blue and fluorescent pink. Big condensed headings, deliberately a little rough. ### Boardroom White, navy and one royal blue. Answer-first headings and tidy panels, the way a consultant lays out a page. ### Ink Brush Rice paper, black ink and a small red seal. A lot of empty space, on purpose. ### Sticker Sunny yellow, thick black outlines and hot pink. Every panel looks like a sticker. ### Swiss White, black and one cobalt blue on a strict grid. Tight sans headings and a thick rule above everything. ### Terracotta Pale sand, burnt clay and a warm serif. Unhurried and hand-made, like a menu you want to keep. ### Arctic Pale ice blue with deep navy type and one cold accent. Clear, quiet and exact. ### Ember Warm near-black with a glowing orange accent and rounded heavy type. Feels like something is about to start. ### Lagoon Deep teal water with pale type and a sunny yellow accent. Relaxed, rounded and easy to follow. ### Gallery Museum white, black serif type and a bronze accent. Very quiet, with space around every object. ### Candy Pale pink with deep plum type and a hot magenta accent. Sweet, rounded and upbeat. ### Memo Dark slate with a monospaced heading and a pale blue accent. Reads like a well-kept internal note. ### Orchard Pale leaf green with dark type and an apple-red accent. Seasonal and a little rustic. ### Noir Pure black, tall condensed capitals and a single line of gold. Cinematic and spare. ### Seaside Pale sand, navy handwriting and a coral accent. Like a page from a holiday sketchbook. ### Denim Denim blue with white type and an amber accent. Dependable and friendly, for news people need to act on. ### Mint Pale mint with dark green type, a monospaced heading and one deep green accent. Fresh and precise. ## Or bring your brand Give three colours, pick one of 36 ready palettes, or let your agent design the look. Layout and motion come from a style, fonts from any other, and pictures are drawn in your colours. Combinations that are hard to read are refused before anything is built. [Read every style spec](https://motionforclaude.com/claude-motion-templates) [Watch 141 full examples](https://motionforclaude.com/claude-motion-examples) ## Slides that present themselves The same content also builds a deck in one file: a script for every slide, a voice that reads it, pages that turn on their own, and exercises your audience can do. This one is live. Press Play, or use the arrows. ### More decks to open and click through ### Photosynthesis lesson A lesson with a quiz and a matching exercise. Every slide has a speaker script. [Open the deck](https://motionforclaude.com/examples/decks/lesson-photosynthesis) ### Q3 board update A report with a chart you can switch between measures. Every slide has a speaker script. [Open the deck](https://motionforclaude.com/examples/decks/board-update-q3) ### Security onboarding Training with a true-or-false check and a sorting exercise. Every slide has a speaker script. [Open the deck](https://motionforclaude.com/examples/decks/security-onboarding) ### Recycling at home A guide where the audience sorts items into bins. Every slide has a speaker script. [Open the deck](https://motionforclaude.com/examples/decks/recycling-guide) ### Pricing change An announcement with tabs for each plan. Every slide has a speaker script. [Open the deck](https://motionforclaude.com/examples/decks/pricing-change) ### Market entry decision A decision paper with a world map of the opportunity. Every slide has a speaker script. [Open the deck](https://motionforclaude.com/examples/decks/market-entry) The example deck that ships in the pack, built by the tools with no edits, narration included. Slide 4 has the chart filter, slides 8 to 12 are exercises. [More about narrated decks](https://motionforclaude.com/narrated-ppt). ### A script for every slide Your agent writes what a presenter would say. Press N to read it, or export all of them as one document. ### A voice that turns the pages Each slide reads its own script, then the deck moves on. Seek within a slide, or play at up to 2× speed. ### Charts that respond Bar, line, pie, funnel, radar, scatter and a world map shaded by country. Hover for a value; with more than one series the deck gets filter buttons. ### Five kinds of exercise Quizzes, true or false, drag to match, put in order, sort into groups. Each answers back at once and the last slide shows the score. ### Detail on demand Tabs, rows that open when clicked, and tips that appear when you hover a term, for what not everyone needs to read. ### One file, and a real PowerPoint Fonts, pictures and audio are inside the file, so it works offline. A .pptx export keeps text editable, charts native and scripts in the notes. ## Anthropic's Motion vs MotionKit Same idea: animation written as code, so you can change it. A different door in. | | Motion in Claude (Anthropic) | MotionKit (this site) | | --- | --- | --- | | Who can use it | Team and Enterprise workspaces, in beta | Anyone with Claude Code, Codex or Cursor, on any plan | | Where it runs | Inside the Claude app | In your coding agent, rendered on your own computer | | How it animates | Code-driven animation you can edit | Code-driven animation you can edit (HTML and GSAP on HyperFrames) | | Output | Animation and MP4 export | MP4 video, an interactive deck, or PowerPoint, plus the source to keep and re-edit | | Interaction | Not announced | Charts with filters, quizzes with feedback, drag-to-match | | Voiceover | Not announced | Narration in 25 voices, 11 of them expressive with a tone you direct, timed to the scenes, from monthly credits | | Sharing | Inside your workspace | A hosted page for each video, public or password-protected | | Styles | Prompted per video | 37 ready-made styles, 36 palettes, or your own brand colours | | Price | Included with Team or Enterprise seats | $19.9 or $49.9 a month, on top of the agent you already pay for | Plan availability for Anthropic's feature is as reported at its beta launch on 8 October 2026 and can change. Check Anthropic's pricing page for the current state. ## Your numbers stay your numbers ### Editable to the last frame The video is an HTML file with a timeline. Change a word, a number or a duration and render again. ### Private by default The agent reads your file locally and the render runs locally. Nothing is uploaded unless you create a share link. ### Same input, same video Rendered frame by frame with headless Chrome and FFmpeg, so a re-render matches the last one. ### Charts from real values The skill tells the agent to use the source's figures exactly and never fill a chart with invented data. ### Voiceover included Your agent writes the narration, you approve it, and the scenes are timed to the audio. 14 voices in 9 languages. ### Share with a link One command turns a finished video into a hosted page, public or password-protected, to send to anyone. ## Two plans ### Creator For one person making explainers, lessons and launch clips. **$19.9 / month** - The full skill pack for Claude Code, Codex, Cursor, OpenCode, Antigravity and Kimi - Three outputs from one doc: MP4 video, narrated deck, PowerPoint - Narrated decks: a script for every slide, voiceover, pages that turn on their own - 37 styles, each with its own fonts, motion and picture look - Your own brand: three colours of yours, one of 36 ready palettes, or a look the agent designs, with contrast checked for you - 60 pictures a month, drawn in the look of your chosen style - [Everything in Creator](https://motionforclaude.com/pricing) Pay with [Gumroad](https://motionforclaude.com/buy/creator?via=gumroad) or [Creem](https://motionforclaude.com/buy/creator?via=creem) ### Studio For course makers, agencies and small teams shipping video weekly. **$49.9 / month** - Everything in Creator - 200 pictures and 40 music tracks a month - Activate on 10 computers across your team - 100 hosted share links, with view counts and how viewers answered each exercise - 240,000 voiceover credits a month (3× Creator) - Client work licence: deliver videos made with the pack to clients - [Everything in Studio](https://motionforclaude.com/pricing) Pay with [Gumroad](https://motionforclaude.com/buy/studio?via=gumroad) or [Creem](https://motionforclaude.com/buy/studio?via=creem) ## Questions people ask first Is this the official Claude Motion? No. Motion is a beta feature Anthropic ships inside Claude for Team and Enterprise workspaces. MotionKit is a separate, independent skill pack that gives a coding agent the same kind of ability. We are not affiliated with or endorsed by Anthropic. Can I use Claude Motion on a Pro, Max or Free plan? Anthropic's built-in Motion was announced for Team and Enterprise only. If you are on Pro or Max you already have Claude Code, and MotionKit adds document-to-motion there. On the Free plan you can use the pack with Codex or Cursor instead. What do I actually get when I pay? A licence key by email and one install command. It adds a skill to your agent: workflows for video, interactive decks and PowerPoint, 37 styles with a complete example project each (the clips on this page), tools that read your document, check every number against it and build decks and .pptx files, open-licensed fonts, music made from a description and 4 bundled music beds. The subscription also covers voiceover credits and hosted share links. You keep everything you make. Does it work offline, and what happens if I cancel? MotionKit needs an internet connection and an active subscription each time it runs: the tools check your licence before they start a project, build a deck or render, and each style is downloaded when you start a project with it. If you cancel, it keeps working until the end of the period you paid for, then stops. The videos, decks and project files you already made stay on your computer and are yours. Does my document get uploaded anywhere? No. Your agent reads the file locally and HyperFrames renders locally with headless Chrome and FFmpeg. Our server checks your licence key each time a tool runs and sends the skill and style files. The one exception is your choice: if you create a share link, that finished MP4 is uploaded so we can host it. How does voiceover work? Your agent writes a narration line for each scene, shows you the lines and the cost, and after you approve it generates the audio and times the scenes to it. 1 credit is 1 character of narration. Creator includes 80,000 credits a month and Studio 240,000; credits reset on the first of each month and a failed generation is not charged. Can it make slides or a PowerPoint? Yes. From the same content your agent can build an interactive deck (one HTML file with charts you can filter, quizzes, drag-to-match and speaker notes) and a .pptx with editable text and native charts. Quizzes and matching are interactive in the deck; in PowerPoint the answers go in the notes. Is music included? Yes, two ways. Describe the music you want ("slow warm piano, hopeful") and a track is made for that video, instrumental and as long as the video, up to three minutes: 10 tracks a month on Creator, 40 on Studio. Four original music beds also come with the pack and do not count against anything. Both are yours to use in commercial work, and you can always use your own track instead. What are share links? A hosted page for a finished video or interactive deck. Run one command and you get a link to send to anyone, public or locked with a password. Creator includes 10 links, Studio includes 100 with view counts. Links stop working if the subscription ends, and you can remove one at any time. What do I need installed? A coding agent (Claude Code, Codex, Cursor, OpenCode, Antigravity or Kimi) and Node.js 22 or newer. That is all. The first render downloads HyperFrames through npx, and if FFmpeg is not on the computer the tools download a private copy once, with no Homebrew or admin rights. Does it use my Claude usage? Yes. The agent writes the animation code, so it uses your normal agent usage the same way any coding task does. Rendering has no quota. The only metered part is voiceover, which uses the credits in your plan. Can I cancel? Yes, any time from the link in your receipt. The pack keeps working until the end of the paid month; after that the installer stops delivering updates. Videos you already made are yours. What is HyperFrames? An open-source HTML-to-video framework by HeyGen (Apache-2.0). MotionKit builds on it and is not affiliated with HeyGen. ## Make your first motion video tonight One command, then hand your agent a document. --- Source: https://motionforclaude.com/ Updated: 2026-10-12 # Docs You mostly talk to your agent and it runs these for you. This page is the reference for when you want to know what is happening, or do a step yourself. ## Install and sign in Paste that into Claude Code, Codex or a terminal. Your browser opens; sign in with Google and press Authorize. The first time, you paste your licence key on that page once and the account remembers it. On a Mac the key is then stored in your keychain. The pack is installed for every agent found: Claude Code, Codex, Cursor, OpenCode, Antigravity and Kimi. On a machine with no browser, pass the key instead: `setup --key -` reads it from standard input. ## Commands | Command | What it does | | --- | --- | | `setup` | Install or update the pack and sign this computer in | | `doctor` | Check Node.js, FFmpeg, Chrome, HyperFrames and your subscription | | `voices` / `credits` | List voices and the voiceover credits left this month | | `voice --script --voice ` | Generate narration for every scene or slide. `--tone "warm teacher"` directs an expressive voice | | `music --bed calm/focus/bright/lofi` | Add one of the bundled music beds | | `share [--deck] [--password …] [--public]` | Upload the video or deck and get a link | | `shares` / `unshare ` | List or remove links; Studio also shows views and exercise answers | | `logout` | Sign this computer out and free its seat | Each is run as `npx -y motionkit-skills@latest `. ## Tools your agent runs | Tool | What it does | | --- | --- | | `ingest` | Reads Word, PowerPoint, PDF, Markdown, text, a web page link or a shared Google Doc into chapters, points, numbers and tables, each with its line in the source | | `panel` | The local four-step page: pick a style, watch the build, review and edit on a timeline, play and share | | `start` | Starts a project in one style and downloads that style | | `images` | Draws the pictures the scenes ask for, in the look of the style | | `music` | Makes an instrumental track from a description, as long as the video | | `compose` | Builds the video from `video.json`: timing, motion, narration and music | | `check` | Compares every number on screen with the source; checks timing and exercise answers | | `frames` | Saves one picture per scene for review | | `render` | Renders the MP4 on your computer with HyperFrames | | `build-deck` | Builds the narrated, interactive deck from `deck.json` | | `deck-to-pptx` | Exports the deck as a PowerPoint file | Every tool checks your subscription with our server before it runs, so they need a connection. ## Scenes A video is a list of scenes in `video.json`; a deck is a list in `deck.json`. Both share these: `title`, `section`, `stat`, `chart` (bar or line), `steps`, `cards`, `compare`, `figure`, `quote`, `takeaway`. A deck adds `tabs`, `expand`, `quiz`, `match`, `sort`, `group`, hover tips and five more chart kinds: pie, funnel, radar, scatter and a world map shaded by country. Put stars around the words that carry the point, give a scene an `image` to have a picture drawn for it or a `picture` to show a file of your own, and a `narration` to have it spoken. ## Your own look A style decides layout and motion. Add a `design` to the project file to make the colours and type yours: ``` "style": "ledger", "design": { "bg": "#0b1f3a", "ink": "#ffffff", "accent": "#ffb703", "type": "newsprint" } ``` `bg`, `ink` and `accent` are your background, text and accent colours. `"palette": "forest-night"` uses one of the 36 ready palettes instead. `type` borrows the fonts of another style and `radius` sets the corners. The tools refuse a design whose text is hard to read and say which colour to change. Pictures are drawn in your colours. ## Music and voices `music` makes an instrumental track from a description such as "slow warm piano, hopeful", as long as the video. The four bundled beds do not count against anything. Voices come in two kinds: 14 voices tuned to nine languages, and 11 expressive voices that read any language and follow a direction given with `--tone`. ## Limits per plan | | Creator | Studio | | --- | --- | --- | | Computers | 2 | 10 | | Voiceover credits a month | 80,000 | 240,000 | | Pictures a month | 60 | 200 | | Music tracks a month | 10 | 40 | | Share links | 10 | 100, with statistics | ## When something fails - **A tool says the subscription is not active.** Renew on the [pricing page](https://motionforclaude.com/pricing), then run setup again. - **Render fails.** Run `doctor`. It names what is missing and how to install it. - **A number is rejected.** It is not in your source, or is written differently there. Fix the source or the scene, never the check. - **Behind a proxy.** Set `HTTPS_PROXY`; the tools pick it up. Anything else: [support@motionforclaude.com](mailto:support@motionforclaude.com). ## Make your first motion video tonight One command, then hand your agent a document. --- Source: https://motionforclaude.com/docs Updated: 2026-10-12 # Pay for the pack, render as much as you like You bring the coding agent. We bring the workflow, the styles and the rules that keep renders clean. ### Creator For one person making explainers, lessons and launch clips. **$19.9 / month** - The full skill pack for Claude Code, Codex, Cursor, OpenCode, Antigravity and Kimi - Three outputs from one doc: MP4 video, narrated deck, PowerPoint - Narrated decks: a script for every slide, voiceover, pages that turn on their own - 37 styles, each with its own fonts, motion and picture look - Your own brand: three colours of yours, one of 36 ready palettes, or a look the agent designs, with contrast checked for you - 60 pictures a month, drawn in the look of your chosen style - Seven chart kinds with filters, a world map and scatter among them; quizzes, drag to match, sort and group; tabs and hover tips - A local four-step page: pick a style, watch the build, edit on a timeline, share - Reads Word, PowerPoint, PDF, Markdown and web pages, then checks every number against your source - 10 music tracks a month made from your description, plus four bundled beds, all cleared for commercial use - New styles and scene types as they ship - Renders on your machine: no render queue, no watermark - 10 hosted share links: public, unlisted or password-protected - 80,000 voiceover credits a month (about 80 minutes of narration) - Activate on 2 of your own computers - Commercial use for your own work - Updates for as long as you stay subscribed Pay with [Gumroad](https://motionforclaude.com/buy/creator?via=gumroad) or [Creem](https://motionforclaude.com/buy/creator?via=creem) ### Studio For course makers, agencies and small teams shipping video weekly. **$49.9 / month** - Everything in Creator - 200 pictures and 40 music tracks a month - Activate on 10 computers across your team - 100 hosted share links, with view counts and how viewers answered each exercise - 240,000 voiceover credits a month (3× Creator) - Client work licence: deliver videos made with the pack to clients - One custom brand style per month, built from your brand guide - Priority email support, answered within one business day Pay with [Gumroad](https://motionforclaude.com/buy/studio?via=gumroad) or [Creem](https://motionforclaude.com/buy/studio?via=creem) Checkout is not open yet. Email [support@motionforclaude.com](mailto:support@motionforclaude.com) and we will send you a payment link today. Billed monthly, cancel any time. Your licence key arrives by email right after payment. 7-day refund if the pack does not run on your machine. There is no free plan, but the [starter on GitHub](https://github.com/dll-create/claude-motion-starter) is free: two styles and the video workflow. ## What is counted each month, and what is not | | Creator | Studio | How it is counted | | --- | --- | --- | --- | | Rendering | No limit | No limit | Videos render on your own computer, so there is nothing for us to meter. | | Voiceover | 80,000 credits | 240,000 credits | One credit is one character of narration. A line you do not change is never charged twice. | | Pictures | 60 | 200 | One per picture drawn. Your own pictures cost nothing. | | Music | 10 tracks | 40 tracks | One per track made from a description. The four bundled beds cost nothing. | | Share links | 10 at a time | 100 at a time | Delete a link and its place is free again. | | Computers | 2 | 10 | Sign a computer out and its place is free again. | Monthly allowances start again on the first day of each calendar month. What you did not use does not carry over. ## How billing works - **Monthly, cancel any time.** You keep access until the end of the month you paid for. After that the tools stop, and the videos, decks and project folders you made stay yours. - **Two ways to pay.** Gumroad or Creem, whichever works for your card and country. Both send a licence key by email. - **Refunds.** If the pack does not run on your computer, write within seven days and we refund the payment. - **Moving between plans.** Subscribe to the other plan and cancel the first; your projects do not depend on which plan made them. - **Your agent is separate.** MotionKit does not include Claude, Codex or Cursor. You use the agent and plan you already have. More questions about how it works, privacy and what you need installed are answered on the [front page](https://motionforclaude.com/#faq) and in the [docs](https://motionforclaude.com/docs). --- Source: https://motionforclaude.com/pricing Updated: 2026-10-12 # Claude Motion-style examples, rendered for real Most example pages show a cover image. These are the actual videos, rendered exactly as the tools produce them, with sample data. Hover a card to play it. ## What you are looking at The first 104 are whole videos by use case: a lesson, a board update, a launch teaser, a pitch, release notes and more. Each mixes scene types (comparisons, cards with icons, line and bar charts, picture scenes) and has pictures drawn in the look of its style. Below them, the same six scenes appear in every one of the styles, so you can compare looks rather than content. The numbers and names are sample data, written to be obviously fictional. ### Photosynthesis in one minute Made in Chalk Lesson. 7 scenes, 2 pictures drawn for it. ### Q3 board update Made in Ledger. 7 scenes, 2 pictures drawn for it. ### App launch teaser Made in Kinetic Poster. 7 scenes, 2 pictures drawn for it. ### Security basics for new hires Made in Aubergine. 6 scenes, 2 pictures drawn for it. ### Seed pitch in a minute Made in Quiet Keynote. 6 scenes, 2 pictures drawn for it. ### API release notes Made in Terminal. 6 scenes, 2 pictures drawn for it. ### Why sleep matters Made in Paper Editorial. 7 scenes, 2 pictures drawn for it. ### How the cache layer works Made in Blueprint. 6 scenes, 2 pictures drawn for it. ### Conference recap Made in Sunrise. 6 scenes, 2 pictures drawn for it. ### Explaining a pricing change Made in Harbor. 6 scenes, 2 pictures drawn for it. ### Hiring plan for next year Made in Midnight. 6 scenes, 2 pictures drawn for it. ### Team retrospective Made in Pastel Shapes. 6 scenes, 2 pictures drawn for it. ### Annual report to residents Made in Newsprint. 7 scenes, 2 pictures drawn for it. ### Recycling at home Made in Botanical. 6 scenes, 2 pictures drawn for it. ### Game update notes Made in Neon Night. 6 scenes, 2 pictures drawn for it. ### Product tour: shared inbox Made in Clay. 6 scenes, 2 pictures drawn for it. ### Design review: new packaging Made in Riso Print. 6 scenes, 2 pictures drawn for it. ### Market entry: go or no-go Made in Boardroom. 7 scenes, 2 pictures drawn for it. ### Brand story: a tea house Made in Ink Brush. 6 scenes, 2 pictures drawn for it. ### Science fair results Made in Sticker. 6 scenes, 2 pictures drawn for it. ### Photosynthesis in one minute Made in Ledger. 7 scenes, 2 pictures drawn for it. ### Photosynthesis in one minute Made in Newsprint. 7 scenes, 2 pictures drawn for it. ### Photosynthesis in one minute Made in Quiet Keynote. 7 scenes, 2 pictures drawn for it. ### Q3 board update Made in Graph Paper. 7 scenes, 2 pictures drawn for it. ### Q3 board update Made in Sticker. 7 scenes, 2 pictures drawn for it. ### Q3 board update Made in Pixel. 7 scenes, 2 pictures drawn for it. ### App launch teaser Made in Clay. 7 scenes, 2 pictures drawn for it. ### App launch teaser Made in Terminal. 7 scenes, 2 pictures drawn for it. ### App launch teaser Made in Botanical. 7 scenes, 2 pictures drawn for it. ### Security basics for new hires Made in Kinetic Poster. 6 scenes, 2 pictures drawn for it. ### Security basics for new hires Made in Pastel Shapes. 6 scenes, 2 pictures drawn for it. ### Security basics for new hires Made in Paper Editorial. 6 scenes, 2 pictures drawn for it. ### Seed pitch in a minute Made in Midnight. 6 scenes, 2 pictures drawn for it. ### Seed pitch in a minute Made in Riso Print. 6 scenes, 2 pictures drawn for it. ### Seed pitch in a minute Made in Sunrise. 6 scenes, 2 pictures drawn for it. ### API release notes Made in Newsprint. 6 scenes, 2 pictures drawn for it. ### API release notes Made in Quiet Keynote. 6 scenes, 2 pictures drawn for it. ### API release notes Made in Signal. 6 scenes, 2 pictures drawn for it. ### Why sleep matters Made in Sticker. 7 scenes, 2 pictures drawn for it. ### Why sleep matters Made in Pixel. 7 scenes, 2 pictures drawn for it. ### Why sleep matters Made in Boardroom. 7 scenes, 2 pictures drawn for it. ### How the cache layer works Made in Terminal. 6 scenes, 2 pictures drawn for it. ### How the cache layer works Made in Botanical. 6 scenes, 2 pictures drawn for it. ### How the cache layer works Made in Chalk Lesson. 6 scenes, 2 pictures drawn for it. ### Conference recap Made in Pastel Shapes. 6 scenes, 2 pictures drawn for it. ### Conference recap Made in Paper Editorial. 6 scenes, 2 pictures drawn for it. ### Conference recap Made in Aubergine. 6 scenes, 2 pictures drawn for it. ### Explaining a pricing change Made in Riso Print. 6 scenes, 2 pictures drawn for it. ### Explaining a pricing change Made in Sunrise. 6 scenes, 2 pictures drawn for it. ### Explaining a pricing change Made in Neon Night. 6 scenes, 2 pictures drawn for it. ### Hiring plan for next year Made in Quiet Keynote. 6 scenes, 2 pictures drawn for it. ### Hiring plan for next year Made in Signal. 6 scenes, 2 pictures drawn for it. ### Hiring plan for next year Made in Blueprint. 6 scenes, 2 pictures drawn for it. ### Team retrospective Made in Pixel. 6 scenes, 2 pictures drawn for it. ### Team retrospective Made in Boardroom. 6 scenes, 2 pictures drawn for it. ### Team retrospective Made in Glass. 6 scenes, 2 pictures drawn for it. ### Annual report to residents Made in Botanical. 7 scenes, 2 pictures drawn for it. ### Annual report to residents Made in Chalk Lesson. 7 scenes, 2 pictures drawn for it. ### Annual report to residents Made in Harbor. 7 scenes, 2 pictures drawn for it. ### Recycling at home Made in Paper Editorial. 6 scenes, 2 pictures drawn for it. ### Recycling at home Made in Aubergine. 6 scenes, 2 pictures drawn for it. ### Recycling at home Made in Ink Brush. 6 scenes, 2 pictures drawn for it. ### Game update notes Made in Sunrise. 6 scenes, 2 pictures drawn for it. ### Game update notes Made in Ledger. 6 scenes, 2 pictures drawn for it. ### Game update notes Made in Newsprint. 6 scenes, 2 pictures drawn for it. ### Product tour: shared inbox Made in Signal. 6 scenes, 2 pictures drawn for it. ### Product tour: shared inbox Made in Blueprint. 6 scenes, 2 pictures drawn for it. ### Product tour: shared inbox Made in Graph Paper. 6 scenes, 2 pictures drawn for it. ### Design review: new packaging Made in Boardroom. 6 scenes, 2 pictures drawn for it. ### Design review: new packaging Made in Glass. 6 scenes, 2 pictures drawn for it. ### Design review: new packaging Made in Clay. 6 scenes, 2 pictures drawn for it. ### Market entry: go or no-go Made in Chalk Lesson. 7 scenes, 2 pictures drawn for it. ### Market entry: go or no-go Made in Harbor. 7 scenes, 2 pictures drawn for it. ### Market entry: go or no-go Made in Kinetic Poster. 7 scenes, 2 pictures drawn for it. ### Brand story: a tea house Made in Aubergine. 6 scenes, 2 pictures drawn for it. ### Brand story: a tea house Made in Midnight. 6 scenes, 2 pictures drawn for it. ### Brand story: a tea house Made in Riso Print. 6 scenes, 2 pictures drawn for it. ### Science fair results Made in Neon Night. 6 scenes, 2 pictures drawn for it. ### Science fair results Made in Ledger. 6 scenes, 2 pictures drawn for it. ### Science fair results Made in Newsprint. 6 scenes, 2 pictures drawn for it. ### Photosynthesis in one minute A look of its own: the Cream and Forest palette on the Botanical layout. 7 scenes, 2 pictures drawn for it. ### Q3 board update A look of its own: the Deep Navy palette on the Ledger layout. 7 scenes, 2 pictures drawn for it. ### App launch teaser A look of its own: the Black Tangerine palette on the Sticker layout. 7 scenes, 2 pictures drawn for it. ### Security basics for new hires A look of its own: the Storm palette on the Ledger layout. 6 scenes, 2 pictures drawn for it. ### Seed pitch in a minute A look of its own: the Porcelain Blue palette on the Botanical layout. 6 scenes, 2 pictures drawn for it. ### API release notes A look of its own: the Graphite palette on the Ledger layout. 6 scenes, 2 pictures drawn for it. ### Why sleep matters A look of its own: the Midnight Teal palette on the Paper Editorial layout. 7 scenes, 2 pictures drawn for it. ### How the cache layer works A look of its own: the Ink and Mint palette on the Newsprint layout. 6 scenes, 2 pictures drawn for it. ### Conference recap A look of its own: the Plum and Gold palette on the Sticker layout. 6 scenes, 2 pictures drawn for it. ### Explaining a pricing change A look of its own: the Mint and Navy palette on the Botanical layout. 6 scenes, 2 pictures drawn for it. ### Hiring plan for next year A look of its own: the Stone and Violet palette on the Ledger layout. 6 scenes, 2 pictures drawn for it. ### Team retrospective A look of its own: the Butter and Ink palette on the Sticker layout. 6 scenes, 2 pictures drawn for it. ### Annual report to residents A look of its own: the Bottle Green palette on the Newsprint layout. 7 scenes, 2 pictures drawn for it. ### Recycling at home A look of its own: the Sage and Clay palette on the Botanical layout. 6 scenes, 2 pictures drawn for it. ### Game update notes A look of its own: the Carbon Lime palette on the Kinetic Poster layout. 6 scenes, 2 pictures drawn for it. ### Product tour: shared inbox A look of its own: the Night Coral palette on the Sticker layout. 6 scenes, 2 pictures drawn for it. ### Design review: new packaging A look of its own: the Peach and Cocoa palette on the Paper Editorial layout. 6 scenes, 2 pictures drawn for it. ### Market entry: go or no-go A look of its own: the Royal palette on the Ledger layout. 7 scenes, 2 pictures drawn for it. ### Brand story: a tea house A look of its own: the Espresso palette on the Paper Editorial layout. 6 scenes, 2 pictures drawn for it. ### Science fair results A look of its own: the Lemon and Black palette on the Chalk Lesson layout. 6 scenes, 2 pictures drawn for it. ### App launch teaser A look of its own: the Lemon and Black palette on the Kinetic Poster layout. 7 scenes, 2 pictures drawn for it. ### Seed pitch in a minute A look of its own: the Cloud and Emerald palette on the Ledger layout. 6 scenes, 2 pictures drawn for it. ### Hiring plan for next year A look of its own: the Slate Rose palette on the Newsprint layout. 6 scenes, 2 pictures drawn for it. ### Brand story: a tea house A look of its own: the Linen and Olive palette on the Botanical layout. 6 scenes, 2 pictures drawn for it. ## The same six scenes in every style ### Paper Editorial Warm paper, a serif headline and one rust accent. Unhurried, like a magazine feature. ### Blueprint Deep navy grid with cyan linework. Everything is drawn as an outline and wipes on like a plotter. ### Kinetic Poster Black stage, condensed type at poster scale and one acid colour. Words land hard and fast. ### Quiet Keynote A pale stage, generous space and calm numbers on white cards. One figure owns each frame. ### Chalk Lesson A green board with handwritten headings and a yellow highlight. Steps are written out one by one. ### Ledger White page, mono figures and a single green for growth. Built so charts stay readable. ### Terminal A charcoal terminal window in mono with a green prompt. Lines print in steps, like real output. ### Sunrise A coral-to-violet wash with rounded white type. Friendly and bright, with a springy entrance. ### Glass A pale stage with soft colour in the air and frosted white panels. Calm, expensive-looking, lots of room. ### Midnight Near-black canvas, hairline borders, tight type and a single lavender glow. Precise and quiet. ### Pixel Warm cream with orange-to-yellow blocks and square corners. Everything arrives in steps, like pixels lighting up. ### Aubergine Deep purple with warm yellow and chat-bubble panels. Friendly and conversational, like a message from a colleague. ### Graph Paper A light technical grid, mono type and one green for the result that matters. Reads like a careful lab notebook. ### Pastel Shapes Cream paper, playful pastel geometry and mixed round and square shapes. Collaborative and slightly off-grid. ### Signal Deep black with a slashing red band and heavy white type. Urgent and impossible to skim past. ### Harbor Deep navy type on pale surfaces with one confident indigo. Trustworthy and tidy, with a soft gradient across the top. ### Newsprint Off-white paper, black serif headlines and one red rule. Reads like a front page. ### Botanical Cream paper, sage green and a serif that takes its time. Calm, with watercolour pictures. ### Neon Night Midnight blue with magenta light. Loud headings, glowing edges, built for a dark room. ### Clay Warm beige with terracotta and soft round shapes. Friendly without being childish. ### Riso Print Warm white paper printed in blue and fluorescent pink. Big condensed headings, deliberately a little rough. ### Boardroom White, navy and one royal blue. Answer-first headings and tidy panels, the way a consultant lays out a page. ### Ink Brush Rice paper, black ink and a small red seal. A lot of empty space, on purpose. ### Sticker Sunny yellow, thick black outlines and hot pink. Every panel looks like a sticker. ### Swiss White, black and one cobalt blue on a strict grid. Tight sans headings and a thick rule above everything. ### Terracotta Pale sand, burnt clay and a warm serif. Unhurried and hand-made, like a menu you want to keep. ### Arctic Pale ice blue with deep navy type and one cold accent. Clear, quiet and exact. ### Ember Warm near-black with a glowing orange accent and rounded heavy type. Feels like something is about to start. ### Lagoon Deep teal water with pale type and a sunny yellow accent. Relaxed, rounded and easy to follow. ### Gallery Museum white, black serif type and a bronze accent. Very quiet, with space around every object. ### Candy Pale pink with deep plum type and a hot magenta accent. Sweet, rounded and upbeat. ### Memo Dark slate with a monospaced heading and a pale blue accent. Reads like a well-kept internal note. ### Orchard Pale leaf green with dark type and an apple-red accent. Seasonal and a little rustic. ### Noir Pure black, tall condensed capitals and a single line of gold. Cinematic and spare. ### Seaside Pale sand, navy handwriting and a coral accent. Like a page from a holiday sketchbook. ### Denim Denim blue with white type and an amber accent. Dependable and friendly, for news people need to act on. ### Mint Pale mint with dark green type, a monospaced heading and one deep green accent. Fresh and precise. ## An example you can click through The same content model also builds an interactive deck. This one is live in the page: change the chart, answer the quiz, drag the terms. [Open six more example decks](https://motionforclaude.com/narrated-ppt) ## Questions Are these made with Anthropic’s Claude Motion? No. They were built with MotionKit on the open-source HyperFrames renderer, driven by a coding agent. They show the same kind of result: animation written as code. Can I reuse these examples? Subscribers get the source project for every example and can copy and rewrite it for their own content. How long does one take to render? About a minute for a 28-second 1080p clip on a recent laptop. ## Related - [Claude Motion vs Runway, HeyGen and Canva](https://motionforclaude.com/claude-motion-vs-runway-heygen-canva) - [How to make animations with Claude](https://motionforclaude.com/claude-animation) - [Turn a Claude artifact into a video](https://motionforclaude.com/claude-artifacts-to-video) - [A Remotion alternative for Claude Code](https://motionforclaude.com/claude-code-remotion-alternative) - [A Motion Canvas alternative, driven by an agent](https://motionforclaude.com/motion-canvas-alternative) - [An AI explainer video generator for people with something real to explain](https://motionforclaude.com/ai-explainer-video-generator) - [Open-source motion skills for Claude Code and Codex](https://motionforclaude.com/claude-code-motion-skills) MotionKit is an independent product and is not affiliated with Anthropic, HeyGen, Runway, Canva, Remotion or Motion Canvas. Product names belong to their owners and are used only to describe and compare. ## Make your first motion video tonight One command, then hand your agent a document. --- Source: https://motionforclaude.com/claude-motion-examples Updated: 2026-10-12 # Claude Motion templates: 37 motion styles A style is a spec, not a locked file. Your agent reads it and builds scenes that follow it, so the same look works for any document. ### Paper Editorial Warm paper, a serif headline and one rust accent. Unhurried, like a magazine feature. ### Blueprint Deep navy grid with cyan linework. Everything is drawn as an outline and wipes on like a plotter. ### Kinetic Poster Black stage, condensed type at poster scale and one acid colour. Words land hard and fast. ### Quiet Keynote A pale stage, generous space and calm numbers on white cards. One figure owns each frame. ### Chalk Lesson A green board with handwritten headings and a yellow highlight. Steps are written out one by one. ### Ledger White page, mono figures and a single green for growth. Built so charts stay readable. ### Terminal A charcoal terminal window in mono with a green prompt. Lines print in steps, like real output. ### Sunrise A coral-to-violet wash with rounded white type. Friendly and bright, with a springy entrance. ### Glass A pale stage with soft colour in the air and frosted white panels. Calm, expensive-looking, lots of room. ### Midnight Near-black canvas, hairline borders, tight type and a single lavender glow. Precise and quiet. ### Pixel Warm cream with orange-to-yellow blocks and square corners. Everything arrives in steps, like pixels lighting up. ### Aubergine Deep purple with warm yellow and chat-bubble panels. Friendly and conversational, like a message from a colleague. ### Graph Paper A light technical grid, mono type and one green for the result that matters. Reads like a careful lab notebook. ### Pastel Shapes Cream paper, playful pastel geometry and mixed round and square shapes. Collaborative and slightly off-grid. ### Signal Deep black with a slashing red band and heavy white type. Urgent and impossible to skim past. ### Harbor Deep navy type on pale surfaces with one confident indigo. Trustworthy and tidy, with a soft gradient across the top. ### Newsprint Off-white paper, black serif headlines and one red rule. Reads like a front page. ### Botanical Cream paper, sage green and a serif that takes its time. Calm, with watercolour pictures. ### Neon Night Midnight blue with magenta light. Loud headings, glowing edges, built for a dark room. ### Clay Warm beige with terracotta and soft round shapes. Friendly without being childish. ### Riso Print Warm white paper printed in blue and fluorescent pink. Big condensed headings, deliberately a little rough. ### Boardroom White, navy and one royal blue. Answer-first headings and tidy panels, the way a consultant lays out a page. ### Ink Brush Rice paper, black ink and a small red seal. A lot of empty space, on purpose. ### Sticker Sunny yellow, thick black outlines and hot pink. Every panel looks like a sticker. ### Swiss White, black and one cobalt blue on a strict grid. Tight sans headings and a thick rule above everything. ### Terracotta Pale sand, burnt clay and a warm serif. Unhurried and hand-made, like a menu you want to keep. ### Arctic Pale ice blue with deep navy type and one cold accent. Clear, quiet and exact. ### Ember Warm near-black with a glowing orange accent and rounded heavy type. Feels like something is about to start. ### Lagoon Deep teal water with pale type and a sunny yellow accent. Relaxed, rounded and easy to follow. ### Gallery Museum white, black serif type and a bronze accent. Very quiet, with space around every object. ### Candy Pale pink with deep plum type and a hot magenta accent. Sweet, rounded and upbeat. ### Memo Dark slate with a monospaced heading and a pale blue accent. Reads like a well-kept internal note. ### Orchard Pale leaf green with dark type and an apple-red accent. Seasonal and a little rustic. ### Noir Pure black, tall condensed capitals and a single line of gold. Cinematic and spare. ### Seaside Pale sand, navy handwriting and a coral accent. Like a page from a holiday sketchbook. ### Denim Denim blue with white type and an amber accent. Dependable and friendly, for news people need to act on. ### Mint Pale mint with dark green type, a monospaced heading and one deep green accent. Fresh and precise. ## 36 palettes for your own look Every palette works with the layout and motion of a style and the fonts of any other. Name one in the project file, pick it in the local gallery, or give your own three colours. ## The spec behind each style ### Paper Editorial **Best for:** Essays, explainers, thought pieces. Warm paper, a serif headline and one rust accent. Unhurried, like a magazine feature. **Layout:** Wide left margin, headline top-left, a thin rule above section labels. Bars are flat blocks. **Motion:** Slow rises of 28px with a fade, 0.8s, power2.out. One element moves at a time. No bounce. ### Blueprint **Best for:** Architecture, systems, technical walkthroughs. Deep navy grid with cyan linework. Everything is drawn as an outline and wipes on like a plotter. **Layout:** Faint 60px grid on the backdrop. Boxes and bars are outlines, never fills. Labels are small uppercase mono. **Motion:** Left-to-right wipes (clip-path), 0.9s, power1.inOut. Labels follow their shape. Nothing fades or bounces. ### Kinetic Poster **Best for:** Launches, promos, social cuts. Black stage, condensed type at poster scale and one acid colour. Words land hard and fast. **Layout:** Uppercase condensed headlines fill the frame with tight leading. One idea per scene. **Motion:** Hard cuts: elements snap in from 118% scale in 0.32s, expo.out, 0.07s apart. Nothing drifts. ### Quiet Keynote **Best for:** Product stories, investor updates. A pale stage, generous space and calm numbers on white cards. One figure owns each frame. **Layout:** Centered. White cards with a soft shadow. Twelve words or fewer per scene. **Motion:** Soft scale from 92% to 100% with a fade, 0.7s, power3.out. Numbers count up over 1.2s. ### Chalk Lesson **Best for:** Teaching, tutorials, course modules. A green board with handwritten headings and a yellow highlight. Steps are written out one by one. **Layout:** Handwritten headings, numbered steps down the left. The key term gets a yellow underline. **Motion:** Left-to-right wipes as if written, 0.7s, power1.out, with a 0.22s gap between lines. ### Ledger **Best for:** Reports, metrics reviews, finance. White page, mono figures and a single green for growth. Built so charts stay readable. **Layout:** A thin rule under every heading. Figures in mono. No gradients, no shadows, no 3D. **Motion:** Quick 16px rises, 0.45s, power2.out, 0.08s apart. Bars grow from the baseline; labels follow. ### Terminal **Best for:** Dev tools, changelogs, CLI demos. A charcoal terminal window in mono with a green prompt. Lines print in steps, like real output. **Layout:** Everything sits inside one window with a title bar. Headings start with a prompt. Accent marks the changed line. **Motion:** Stepped wipes that read like typing: 16 steps over 0.6s, 0.2s between lines. No easing curves. ### Sunrise **Best for:** Brand reels, announcements, event openers. A coral-to-violet wash with rounded white type. Friendly and bright, with a springy entrance. **Layout:** Gradient on a full-bleed child. Labels are pills. Bars and steps are translucent white with large radii. **Motion:** Springy pops from 86% scale, 0.55s, back.out(1.6), 0.09s apart. The background never moves. ### Glass **Best for:** Product stories, premium launches. A pale stage with soft colour in the air and frosted white panels. Calm, expensive-looking, lots of room. **Layout:** Two blurred colour fields on the backdrop. Panels are translucent white with a bright edge and a deep, soft shadow. **Motion:** Slow, soft scale from 92% with a fade, 0.8s, power3.out. Panels arrive one after another, never together. ### Midnight **Best for:** Developer products, roadmaps, changelogs. Near-black canvas, hairline borders, tight type and a single lavender glow. Precise and quiet. **Layout:** One soft glow behind the content. Every panel has a 2px hairline border. Headings are tight and not large. **Motion:** Short 14px rises, 0.5s, power3.out, tightly staggered at 0.07s. Fast and exact, with no overshoot. ### Pixel **Best for:** Tech explainers, playful data stories. Warm cream with orange-to-yellow blocks and square corners. Everything arrives in steps, like pixels lighting up. **Layout:** Square corners throughout. Bars are stacked warm blocks. A row of small squares sits under each heading. **Motion:** Stepped wipes in 8 steps over 0.5s, 0.14s apart. No smooth easing anywhere: things switch on. ### Aubergine **Best for:** Team updates, internal comms, onboarding. Deep purple with warm yellow and chat-bubble panels. Friendly and conversational, like a message from a colleague. **Layout:** Steps are chat bubbles with one square corner. Labels are pills. Keep sentences short and spoken. **Motion:** Bubbles pop in from 86% with a small overshoot, 0.5s, back.out(1.4), 0.16s apart, like messages arriving. ### Graph Paper **Best for:** Technical docs, engineering updates, benchmarks. A light technical grid, mono type and one green for the result that matters. Reads like a careful lab notebook. **Layout:** Fine 48px grid on the backdrop. White panels with a 2px border. Headings are modest; data is the hero. **Motion:** Left-to-right wipes, 0.55s, power2.out, 0.1s apart. Lines are drawn, not faded. ### Pastel Shapes **Best for:** Workshops, creative briefs, community posts. Cream paper, playful pastel geometry and mixed round and square shapes. Collaborative and slightly off-grid. **Layout:** Each bar and step takes the next pastel in turn. Corners alternate between round and square. **Motion:** Bouncy pops from 86%, 0.5s, back.out(1.8), 0.1s apart. Shapes feel placed by hand. ### Signal **Best for:** Announcements, incident reviews, bold statements. Deep black with a slashing red band and heavy white type. Urgent and impossible to skim past. **Layout:** A diagonal red band crosses the backdrop. Headings are very tight. One red element per scene, no more. **Motion:** Hard cuts from 118% scale in 0.3s, expo.out, 0.06s apart. Every scene opens on the beat. ### Harbor **Best for:** Finance, pricing, business reviews. Deep navy type on pale surfaces with one confident indigo. Trustworthy and tidy, with a soft gradient across the top. **Layout:** A slanted colour band across the top edge. White panels with a soft shadow. Numbers are large and navy. **Motion:** Even 22px rises, 0.6s, power2.out, 0.1s apart. Steady and predictable, nothing playful. ### Newsprint **Best for:** Announcements, public reports, stories. Off-white paper, black serif headlines and one red rule. Reads like a front page. **Layout:** A heavy black rule above each heading and a thin one below. Square corners everywhere. **Motion:** Quick settles from slightly too large, 0.45s, like a page being slapped down. No bounce. ### Botanical **Best for:** Wellbeing, sustainability, education. Cream paper, sage green and a serif that takes its time. Calm, with watercolour pictures. **Layout:** Wide margins and rounded panels. A small leaf-green rule sits above each label. **Motion:** Slow 20px rises with a long fade, 0.9s, 0.16s apart. Nothing arrives quickly. ### Neon Night **Best for:** Events, music, gaming, nightlife. Midnight blue with magenta light. Loud headings, glowing edges, built for a dark room. **Layout:** Panels have a thin glowing border. The highlighted bar and number glow in magenta. **Motion:** Pops from 86% with a small overshoot, 0.5s, 0.09s apart. Lively without shaking. ### Clay **Best for:** Onboarding, product tours, friendly explainers. Warm beige with terracotta and soft round shapes. Friendly without being childish. **Layout:** Very round panels with a soft shadow underneath. Number badges are circles. **Motion:** Soft pops with a little overshoot, 0.6s, 0.12s apart, like something being set down. ### Riso Print **Best for:** Zines, culture, design reviews. Warm white paper printed in blue and fluorescent pink. Big condensed headings, deliberately a little rough. **Layout:** Uppercase condensed headings in blue with pink highlights. Labels are pink blocks. **Motion:** Hard, fast settles from 118%, 0.4s. Elements land like stamps. ### Boardroom **Best for:** Strategy, consulting, board packs. White, navy and one royal blue. Answer-first headings and tidy panels, the way a consultant lays out a page. **Layout:** A blue rule to the left of each heading. Panels are flat with a hairline border. **Motion:** Short 16px rises, 0.5s, 0.08s apart. Brisk and even, never decorative. ### Ink Brush **Best for:** Essays, philosophy, brand stories. Rice paper, black ink and a small red seal. A lot of empty space, on purpose. **Layout:** Text sits in the left two thirds with air around it. The label is a small red square seal. **Motion:** Slow wipes from the left, 1s, 0.2s apart, like a brush being drawn across. ### Sticker **Best for:** Kids, classrooms, social posts, fun updates. Sunny yellow, thick black outlines and hot pink. Every panel looks like a sticker. **Layout:** White panels with a thick black outline and a hard offset shadow, like stickers on a notebook. **Motion:** Bouncy pops with a clear overshoot, 0.45s, 0.1s apart. Playful on purpose. ### Swiss **Best for:** Design reviews, agency decks, product principles. White, black and one cobalt blue on a strict grid. Tight sans headings and a thick rule above everything. **Layout:** A thick black rule above each label. Square corners everywhere. One blue element per scene. **Motion:** Hard cuts from 112% scale in 0.34s, expo.out, 0.06s apart. ### Terracotta **Best for:** Food, craft, hospitality, brand stories. Pale sand, burnt clay and a warm serif. Unhurried and hand-made, like a menu you want to keep. **Layout:** Generous margins and rounded panels. The label sits under a short clay rule. **Motion:** Soft 24px rises, 0.8s, power2.out, 0.15s apart. ### Arctic **Best for:** Research summaries, climate and science briefings. Pale ice blue with deep navy type and one cold accent. Clear, quiet and exact. **Layout:** A thin accent line to the left of each label. Panels have small radii and no shadow. **Motion:** Left-to-right wipes, 0.6s, power2.out, 0.12s apart. ### Ember **Best for:** Launches, product teasers, bold announcements. Warm near-black with a glowing orange accent and rounded heavy type. Feels like something is about to start. **Layout:** Labels are orange pills. Panels are rounded and slightly lighter than the background. **Motion:** Springy pops from 88% scale, 0.5s, back.out(1.5), 0.09s apart. ### Lagoon **Best for:** Travel, wellbeing apps, friendly data stories. Deep teal water with pale type and a sunny yellow accent. Relaxed, rounded and easy to follow. **Layout:** Rounded panels a shade lighter than the water. The label is a small yellow word, nothing more. **Motion:** Smooth 30px rises, 0.7s, power3.out, 0.12s apart. ### Gallery **Best for:** Museums, portfolios, cultural programmes. Museum white, black serif type and a bronze accent. Very quiet, with space around every object. **Layout:** Wide margins. Labels are small bronze capitals. Almost no boxes: rules and space do the work. **Motion:** Slow 14px rises with a long fade, 1.0s, 0.2s apart. ### Candy **Best for:** Consumer brands, community updates, playful promos. Pale pink with deep plum type and a hot magenta accent. Sweet, rounded and upbeat. **Layout:** Labels are magenta pills. Everything is very round. One magenta shape per scene. **Motion:** Bouncy pops from 85% scale, 0.5s, back.out(1.7), 0.08s apart. ### Memo **Best for:** Internal updates, engineering notes, status reports. Dark slate with a monospaced heading and a pale blue accent. Reads like a well-kept internal note. **Layout:** Labels start with two slashes like a code comment. Small radii, thin borders, no shadows. **Motion:** Typed on in steps, 0.5s, 0.14s apart. ### Orchard **Best for:** Farming, food reports, seasonal campaigns. Pale leaf green with dark type and an apple-red accent. Seasonal and a little rustic. **Layout:** A red dot before each label. Rounded panels in a deeper green wash. **Motion:** Even 22px rises, 0.7s, power2.out, 0.13s apart. ### Noir **Best for:** Film, events, premium launches. Pure black, tall condensed capitals and a single line of gold. Cinematic and spare. **Layout:** Headings in tall capitals. A thin gold rule under each label. No panels where a rule will do. **Motion:** Slow hard cuts from 108% scale, 0.4s, expo.out, 0.1s apart. ### Seaside **Best for:** Family events, local guides, holiday updates. Pale sand, navy handwriting and a coral accent. Like a page from a holiday sketchbook. **Layout:** Headings are handwritten and underlined in coral. Lines wobble slightly, as if drawn with a pen. **Motion:** Hand-drawn wipes, 0.7s, power1.out, 0.2s apart. ### Denim **Best for:** Team updates, HR and operations briefings. Denim blue with white type and an amber accent. Dependable and friendly, for news people need to act on. **Layout:** Amber labels with a short rule beneath. Panels are a lighter blue with medium radii. **Motion:** Quick 20px rises, 0.55s, power2.out, 0.1s apart. ### Mint **Best for:** Fintech, product metrics, clean changelogs. Pale mint with dark green type, a monospaced heading and one deep green accent. Fresh and precise. **Layout:** Labels sit in a thin green outline. Numbers use the monospaced face so columns line up. **Motion:** Even wipes, 0.6s, power2.inOut, 0.12s apart. ## Make your first motion video tonight One command, then hand your agent a document. --- Source: https://motionforclaude.com/claude-motion-templates Updated: 2026-10-12 # Privacy Last updated 12 October 2026 ## What we do not collect Your documents, prompts and source files never reach us. They stay on your computer. Your videos stay there too unless you choose to create a share link. ## What we do collect - **Licence checks.** When you run the installer it sends your licence key and your computer's name to our server. Each time one of the pack's tools runs (starting a project, reading a document, checking, building a deck, rendering) it sends the licence key and this computer's activation id, and the id of the style when it downloads one. Our server checks the key with the provider that issued it (Creem or Gumroad). - **Payment details.** Creem or Gumroad, whichever checkout you use, processes your payment as merchant of record and holds your email and billing details under its own privacy policy. We see your plan and whether the licence is active; for Creem purchases we also see your email. - **Voiceover.** When you generate narration, the narration text is sent to our server and on to Microsoft Azure Speech to be turned into audio. We keep a count of characters used per licence, not the text. - **Share links.** When you run the share command, that MP4, its title and an optional password (stored only as a hash) are uploaded and kept on Cloudflare until you remove the link. We count page views per link. We do not look at the content except to investigate abuse reports. - **Analytics.** We use Google Analytics to count visits and see which pages are read. It sets cookies and sends Google your IP address, device type and the pages you view. It does not receive your documents, licence key or videos. You can block it with a browser extension or your browser's tracking protection and the site works the same. - **Server logs.** Our host, Cloudflare, keeps standard request logs (IP address, time, page) for security and reliability. - **Pictures.** When a scene asks for a picture, the short description of what it shows is sent to our server and on to an image model. We keep a count of pictures per licence, not the descriptions. - **Signing a computer in.** Setup sends the computer's name so you can recognise it on the authorize page. The request expires after 15 minutes. - **Linked licences.** So that signing in can find your licence, we store your licence key against a scrambled (hashed) form of your email address. We do not store the address itself. - **Shared decks.** For a shared deck we count how many times each exercise was answered and how many answers were right. Nothing identifies who answered. If you sign in with Google, we receive your name and email address from Google and keep them in a signed cookie in your browser for 30 days so you stay signed in. This site sets no advertising cookies; the only third-party cookies are Google Analytics and, when you sign in, Google's own. ## Your choices Email [support@motionforclaude.com](mailto:support@motionforclaude.com) to ask what we hold about you or to have it deleted. --- Source: https://motionforclaude.com/privacy Updated: 2026-10-12 # About MotionKit MotionKit is a small, independent product. It exists because writing animation as code turned out to be a good idea, and most people who would benefit from it are not on the plans where Anthropic's Motion is offered. ## What we believe - **Your numbers are yours.** A video made from a document should say what the document says. That is why every figure is checked against the source. - **Your files stay with you.** Documents are read and videos are rendered on your own computer. - **Say what it is.** This is not Anthropic's product and we say so on every page. The clips on this site are real output, not mock-ups. ## What it is built on Rendering uses [HyperFrames](https://github.com/heygen-com/hyperframes), an open-source project by HeyGen (Apache-2.0). The fonts are open-licensed. MotionKit is not affiliated with HeyGen or Anthropic. ## Contact [support@motionforclaude.com](mailto:support@motionforclaude.com). A person reads it. --- Source: https://motionforclaude.com/about Updated: 2026-10-12