[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-remotion-remotion-saas":3,"mdc-rd8wko-key":39,"related-org-remotion-remotion-saas":181,"related-repo-remotion-remotion-saas":328},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":27,"repoUrl":28,"updatedAt":29,"license":30,"forks":31,"topics":32,"repo":34,"sourceUrl":37,"mdContent":38},"remotion-saas","build Remotion-powered SaaS applications","Build an app with Remotion",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"remotion","Remotion","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fremotion.png","remotion-dev",[13,17,20,21,24],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"SaaS","saas",{"name":9,"slug":8,"type":16},{"name":22,"slug":23,"type":16},"Web Development","web-development",{"name":25,"slug":26,"type":16},"Video","video",54855,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion","2026-07-27T06:08:27.300451",null,4008,[33,15,26],"javascript",{"repoUrl":28,"stars":27,"forks":31,"topics":35,"description":36},[33,15,26],"🎥      Make videos programmatically with React","https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion\u002Ftree\u002FHEAD\u002Fpackages\u002Fskills\u002Fskills\u002Fremotion-saas","---\nname: remotion-saas\ndescription: Build an app with Remotion\nmetadata:\n  tags: remotion, saas, player, rendering, templates, lambda\n---\n\nOne can build apps with Remotion.  \nIt is possible to have a simple form and hook it up to a render, or have a complex video editor.\n\n## Choosing a template or a framework\n\nWe have several templates for SaaS which can be cloned or used as a reference.\nSee [Choosing a framework](framework.md) for help choosing a template or framework. \n\n## The `\u003CPlayer>`\n\nThis component allows embedding a Remotion preview in a React app. See [Player](player.md) for more information about the Player.\n\n## Rendering\n\nThere are client-side and server-side rendering options available. See [Rendering](rendering.md) for advice on how to choose, and about the Lambda, Vercel, Node.js and Cloudflare options.\n\n## With Vue\n\nSee https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fvue.md for how to use Remotion with Vue.\n\n## Angular\n\nSee https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fangular.md for how to use Remotion with Angular.\n\n## Svelte\n\nSee https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fsvelte.md for how to use Remotion with Svelte.\n",{"data":40,"body":43},{"name":4,"description":6,"metadata":41},{"tags":42},"remotion, saas, player, rendering, templates, lambda",{"type":44,"children":45},"root",[46,60,67,81,94,107,113,125,131,145,151,163,169],{"type":47,"tag":48,"props":49,"children":50},"element","p",{},[51,54,58],{"type":52,"value":53},"text","One can build apps with Remotion.",{"type":47,"tag":55,"props":56,"children":57},"br",{},[],{"type":52,"value":59},"\nIt is possible to have a simple form and hook it up to a render, or have a complex video editor.",{"type":47,"tag":61,"props":62,"children":64},"h2",{"id":63},"choosing-a-template-or-a-framework",[65],{"type":52,"value":66},"Choosing a template or a framework",{"type":47,"tag":48,"props":68,"children":69},{},[70,72,79],{"type":52,"value":71},"We have several templates for SaaS which can be cloned or used as a reference.\nSee ",{"type":47,"tag":73,"props":74,"children":76},"a",{"href":75},"framework.md",[77],{"type":52,"value":78},"Choosing a framework",{"type":52,"value":80}," for help choosing a template or framework.",{"type":47,"tag":61,"props":82,"children":84},{"id":83},"the-player",[85,87],{"type":52,"value":86},"The ",{"type":47,"tag":88,"props":89,"children":91},"code",{"className":90},[],[92],{"type":52,"value":93},"\u003CPlayer>",{"type":47,"tag":48,"props":95,"children":96},{},[97,99,105],{"type":52,"value":98},"This component allows embedding a Remotion preview in a React app. See ",{"type":47,"tag":73,"props":100,"children":102},{"href":101},"player.md",[103],{"type":52,"value":104},"Player",{"type":52,"value":106}," for more information about the Player.",{"type":47,"tag":61,"props":108,"children":110},{"id":109},"rendering",[111],{"type":52,"value":112},"Rendering",{"type":47,"tag":48,"props":114,"children":115},{},[116,118,123],{"type":52,"value":117},"There are client-side and server-side rendering options available. See ",{"type":47,"tag":73,"props":119,"children":121},{"href":120},"rendering.md",[122],{"type":52,"value":112},{"type":52,"value":124}," for advice on how to choose, and about the Lambda, Vercel, Node.js and Cloudflare options.",{"type":47,"tag":61,"props":126,"children":128},{"id":127},"with-vue",[129],{"type":52,"value":130},"With Vue",{"type":47,"tag":48,"props":132,"children":133},{},[134,136,143],{"type":52,"value":135},"See ",{"type":47,"tag":73,"props":137,"children":141},{"href":138,"rel":139},"https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fvue.md",[140],"nofollow",[142],{"type":52,"value":138},{"type":52,"value":144}," for how to use Remotion with Vue.",{"type":47,"tag":61,"props":146,"children":148},{"id":147},"angular",[149],{"type":52,"value":150},"Angular",{"type":47,"tag":48,"props":152,"children":153},{},[154,155,161],{"type":52,"value":135},{"type":47,"tag":73,"props":156,"children":159},{"href":157,"rel":158},"https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fangular.md",[140],[160],{"type":52,"value":157},{"type":52,"value":162}," for how to use Remotion with Angular.",{"type":47,"tag":61,"props":164,"children":166},{"id":165},"svelte",[167],{"type":52,"value":168},"Svelte",{"type":47,"tag":48,"props":170,"children":171},{},[172,173,179],{"type":52,"value":135},{"type":47,"tag":73,"props":174,"children":177},{"href":175,"rel":176},"https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fsvelte.md",[140],[178],{"type":52,"value":175},{"type":52,"value":180}," for how to use Remotion with Svelte.",{"items":182,"total":327},[183,199,212,224,232,246,258,272,285,298,313],{"slug":184,"name":184,"fn":185,"description":186,"org":187,"tags":188,"stars":27,"repoUrl":28,"updatedAt":198},"remotion-best-practices","build programmatic videos with Remotion","Router for all Remotion skills",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[189,192,193,194,197],{"name":190,"slug":191,"type":16},"Animation","animation",{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":195,"slug":196,"type":16},"TypeScript","typescript",{"name":25,"slug":26,"type":16},"2026-07-27T06:08:28.310856",{"slug":200,"name":200,"fn":201,"description":202,"org":203,"tags":204,"stars":27,"repoUrl":28,"updatedAt":211},"remotion-interactivity","create interactive Remotion animations","Structure Remotion markup for interactivity",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[205,206,209,210],{"name":190,"slug":191,"type":16},{"name":207,"slug":208,"type":16},"Design","design",{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},"2026-07-30T05:25:35.376625",{"slug":213,"name":213,"fn":214,"description":215,"org":216,"tags":217,"stars":27,"repoUrl":28,"updatedAt":223},"remotion-multimedia","interact with Mediabunny in Remotion","Interacting with Mediabunny",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[218,221,222],{"name":219,"slug":220,"type":16},"Media","media",{"name":9,"slug":8,"type":16},{"name":25,"slug":26,"type":16},"2026-07-27T06:28:53.1297",{"slug":4,"name":4,"fn":5,"description":6,"org":225,"tags":226,"stars":27,"repoUrl":28,"updatedAt":29},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[227,228,229,230,231],{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":18,"slug":19,"type":16},{"name":25,"slug":26,"type":16},{"name":22,"slug":23,"type":16},{"slug":233,"name":233,"fn":234,"description":235,"org":236,"tags":237,"stars":243,"repoUrl":244,"updatedAt":245},"remotion-captions","manage video captions in Remotion","Transcribing, displaying and animating captions",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[238,239,242],{"name":9,"slug":8,"type":16},{"name":240,"slug":241,"type":16},"Transcription","transcription",{"name":25,"slug":26,"type":16},4160,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills","2026-07-30T05:25:30.695925",{"slug":247,"name":247,"fn":248,"description":249,"org":250,"tags":251,"stars":243,"repoUrl":244,"updatedAt":257},"remotion-create","create new Remotion video projects","Create a new Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[252,255,256],{"name":253,"slug":254,"type":16},"Creative","creative",{"name":9,"slug":8,"type":16},{"name":25,"slug":26,"type":16},"2026-07-30T05:25:29.406181",{"slug":259,"name":259,"fn":260,"description":261,"org":262,"tags":263,"stars":243,"repoUrl":244,"updatedAt":271},"remotion-docs","search Remotion documentation","Search Remotion documentation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[264,267,270],{"name":265,"slug":266,"type":16},"Documentation","documentation",{"name":268,"slug":269,"type":16},"Reference","reference",{"name":9,"slug":8,"type":16},"2026-07-30T05:25:32.714247",{"slug":273,"name":273,"fn":274,"description":275,"org":276,"tags":277,"stars":243,"repoUrl":244,"updatedAt":284},"remotion-maps","animate maps using Remotion","Remotion Map animation knowledge",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[278,279,282,283],{"name":190,"slug":191,"type":16},{"name":280,"slug":281,"type":16},"Maps","maps",{"name":9,"slug":8,"type":16},{"name":25,"slug":26,"type":16},"2026-07-30T05:25:28.60293",{"slug":286,"name":286,"fn":287,"description":288,"org":289,"tags":290,"stars":243,"repoUrl":244,"updatedAt":297},"remotion-markup","write Remotion React markup","Content, animation and effects best practices",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[291,294,295,296],{"name":292,"slug":293,"type":16},"Frontend","frontend",{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":25,"slug":26,"type":16},"2026-07-30T05:25:33.787523",{"slug":299,"name":299,"fn":300,"description":301,"org":302,"tags":303,"stars":243,"repoUrl":244,"updatedAt":312},"remotion-render","render videos with Remotion","Export a Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[304,307,310,311],{"name":305,"slug":306,"type":16},"Deployment","deployment",{"name":308,"slug":309,"type":16},"Performance","performance",{"name":9,"slug":8,"type":16},{"name":25,"slug":26,"type":16},"2026-07-30T05:25:31.705328",{"slug":314,"name":314,"fn":315,"description":316,"org":317,"tags":318,"stars":243,"repoUrl":244,"updatedAt":326},"remotion-upgrade","upgrade Remotion projects and dependencies","Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[319,322,325],{"name":320,"slug":321,"type":16},"Engineering","engineering",{"name":323,"slug":324,"type":16},"Migration","migration",{"name":9,"slug":8,"type":16},"2026-07-21T06:07:40.273712",11,{"items":329,"total":359},[330,338,345,351],{"slug":184,"name":184,"fn":185,"description":186,"org":331,"tags":332,"stars":27,"repoUrl":28,"updatedAt":198},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[333,334,335,336,337],{"name":190,"slug":191,"type":16},{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":195,"slug":196,"type":16},{"name":25,"slug":26,"type":16},{"slug":200,"name":200,"fn":201,"description":202,"org":339,"tags":340,"stars":27,"repoUrl":28,"updatedAt":211},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[341,342,343,344],{"name":190,"slug":191,"type":16},{"name":207,"slug":208,"type":16},{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"slug":213,"name":213,"fn":214,"description":215,"org":346,"tags":347,"stars":27,"repoUrl":28,"updatedAt":223},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[348,349,350],{"name":219,"slug":220,"type":16},{"name":9,"slug":8,"type":16},{"name":25,"slug":26,"type":16},{"slug":4,"name":4,"fn":5,"description":6,"org":352,"tags":353,"stars":27,"repoUrl":28,"updatedAt":29},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[354,355,356,357,358],{"name":14,"slug":15,"type":16},{"name":9,"slug":8,"type":16},{"name":18,"slug":19,"type":16},{"name":25,"slug":26,"type":16},{"name":22,"slug":23,"type":16},4]