1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="description" content="Build controllable AI motion-video prompts, choose a verified Seedance entry point, and remix production-ready dance templates."> 7 <title>MagicAnimates | AI Motion Video Workbench</title> 8 <link rel="canonical" href="https://magicanimates.com/"> 9 <link rel="icon" href="/src/public/favicon.ico"> 10 <link rel="stylesheet" href="/src/site.css?v=20260718"> 11 <meta property="og:title" content="MagicAnimates | AI Motion Video Workbench"> 12 <meta property="og:description" content="From one reference image to a controlled, publish-ready motion-video plan."> 13 <meta property="og:type" content="website"> 14 <meta property="og:url" content="https://magicanimates.com/"> 15
15<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"MagicAnimates","url":"https://magicanimates.com/","description":"AI motion-video prompts, entry guidance, and reusable action templates.","publisher":{"@type":"Organization","name":"MagicAnimates","url":"https://magicanimates.com/"}}</script>
15 16</head> 17<body> 18 <nav class="site-nav"> 19 <div class="site-shell nav-inner"> 20 <a class="brand" href="/"><span class="brand-mark">M/</span> MagicAnimates</a> 21 <div class="nav-links"> 22 <a href="/templates/index.html">Templates</a> 23 <a href="/seed-dance.html">Seedance guide</a> 24 <a href="/hotel-lobby.html">Hotel Lobby AI</a> 25 <a href="/magicanimate-comfyui.html">ComfyUI</a> 26 <a class="button button-acid" href="/playground.html">Open workbench</a> 27 </div> 28 </div> 29 </nav> 30 31 <main> 32 <section class="hero"> 33 <div class="site-shell hero-grid"> 34 <div> 35 <div class="eyebrow">AI motion control / not another model wrapper</div> 36 <h1 class="display">Direct the motion.<br><em>Keep the character.</em></h1> 37 <p class="hero-copy">Turn one reference image into a generator-ready motion plan. Compose precise prompts, choose a current Seedance access route, and start from reusable dance and character-motion templates.</p> 38 <div class="hero-actions"> 39 <a class="button button-acid" href="/playground.html" data-track="workbench_started">Build a motion prompt</a> 40 <a class="button" href="/templates/index.html" data-track="templates_opened">Browse action templates</a> 41 </div> 42 </div> 43 <figure class="signal-card"> 44 <div class="motion-strip"> 45 <div class="motion-frame"> 46 <video autoplay muted loop playsinline preload="auto" width="376" height="128" aria-label="MagicAnimate historical motion example one"> 47 <source src="/src/public/magicanimates-1.webm" type="video/webm"> 48 </video> 49 <span>MOTION 01</span> 50 </div> 51 <div class="motion-frame"> 52 <video autoplay muted loop playsinline preload="metadata" width="376" height="128" aria-label="MagicAnimate historical motion example two"> 53 <source src="/src/public/magicanimates-2.webm" type="video/webm"> 54 </video> 55 <span>MOTION 02</span> 56 </div> 57 <div class="motion-frame"> 58 <video autoplay muted loop playsinline preload="metadata" width="376" height="128" aria-label="MagicAnimate historical motion example three"> 59 <source src="/src/public/magicanimates-3.webm" type="video/webm"> 60 </video> 61 <span>MOTION 03</span> 62 </div> 63 </div> 64 <figcaption class="signal-meta"><span>REFERENCE / MOTION</span><span>HISTORICAL DEMO</span></figcaption> 65 </figure> 66 </div> 67 </section> 68 69 <section class="section section-light"> 70 <div class="site-shell"> 71 <div class="section-head"> 72 <div><div class="eyebrow" style="color:#586c00">One workflow, three decisions</div><h2 class="section-title">Plan before you spend generation credits.</h2></div> 73 <p class="section-note">MagicAnimates is an independent workflow resource. We do not operate or represent Seedance, ByteDance, Adobe, Runway, or their models.</p> 74 </div> 75 <div class="card-grid"> 76 <a class="card" href="/playground.html#composer"><span class="card-index">01 / COMPOSE</span><h3>Describe motion with production detail</h3><p>Structure subject, choreography, camera, timing, continuity, and failure constraints.</p></a> 77 <a class="card" href="/playground.html#navigator"><span class="card-index">02 / ROUTE</span><h3>Choose a current access route</h3><p>Start from region and workflow instead of a misleading list of platform logos.</p></a> 78 <a class="card" href="/templates/index.html"><span class="card-index">03 / REMIX</span><h3>Start from a tested shot pattern</h3><p>Use indexable recipes for dance, camera control, and consistent character movement.</p></a> 79 </div> 80 </div> 81 </section> 82 83 <section class="section"> 84 <div class="site-shell"> 85 <div class="section-head"><div><div class="eyebrow">Starter recipes</div><h2 class="section-title">Motion patterns, not empty inspiration.</h2></div><a class="button" href="/templates/index.html">View all templates</a></div> 86 <div class="card-grid"> 87 <a class="card" href="/templates/hip-hop-full-body.html"><span class="template-tag">Dance / Full body</span><h3>Hip-hop full-body lockoff</h3><p>Readable footwork, crisp accents, fixed camera, and a clean final pose.</p></a> 88 <a class="card" href="/templates/k-pop-center-stage.html"><span class="template-tag">Dance / Stage</span><h3>K-pop center-stage chorus</h3><p>High-energy choreography with a restrained dolly-in and stable framing.</p></a> 89 <a class="card" href="/templates/anime-run-cycle.html"><span class="template-tag">Character / Anime</span><h3>Anime side-track run cycle</h3><p>Fast profile motion with controlled anatomy, parallax, and silhouette continuity.</p></a> 90 </div> 91 </div> 92 </section> 93 94 <section class="section section-light"> 95 <div class="site-shell"> 96 <div class="section-head"><div><div class="eyebrow" style="color:#586c00">New scene template</div><h2 class="section-title">Turn a portrait into a performance.</h2></div><a class="button button-dark" href="/hotel-lobby.html">Open Hotel Lobby AI</a></div> 97 <div class="card-grid"> 98 <a class="card" href="/hotel-lobby.html"><span class="card-index">01 / HOTEL LOBBY</span><h3>Make an entrance. Own the room.</h3><p>
98A focused image-to-video template for cinematic performance shots, powered by a fixed motion reference.</p></a> 99 <div class="card"><span class="card-index">02 / GUIDED MOTION</span><h3>Less prompting, more directing.</h3><p>Upload one portrait, choose a finish, and let the template carry the staging, energy, and camera language.</p></div> 100 <div class="card"><span class="card-index">03 / PRIVATE BY DESIGN</span><h3>Your image stays yours.</h3><p>Private uploads, account-based generations, and a clear path from free preview to paid HD render.</p></div> 101 </div> 102 </div> 103 </section> 104 </main> 105 106 <footer class="site-footer"><div class="site-shell footer-inner"><span>MagicAnimates / independent AI video workflow resource</span><span><a href="/privacy-policy.html">Privacy</a><a href="/terms-of-service.html">Terms</a></span></div></footer>
vendor: 66 bytes, lines 106-107
106 107 <script async src="https://www.googletagmanager.com/gtag/js?id=
107G-NJ0QNKPRZN
vendor: 14 bytes, lines 107-108
107"></script> 108
108<script>
vendor: 117 bytes, line 108
108window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date());gtag('config','
108G-NJ0QNKPRZN
vendor: 3 bytes, line 108
108');
108</script>
108 109
109<script src="/src/js/workbench.js?v=20260718" defer></script>
vendor: 1 bytes, line 109
109
110<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"859baea6901442d68257a1805ce8c42c","r":1,"spa":2}' crossorigin="anonymous"></script>
110 111</body> 112</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.