+ {post.description} +
+- Read next -
- - - {next.title} - - - {next.description} - - - - ) : ( - -+ {post.description} +
++ {post.description} +
+- {DESCRIPTION} -
-- {post.description} -
-Start here
+Craft
+Guides
+Videos
+Practices
+Components
++ {COMPONENT_COUNT} total +
+Use with your agent
+Templates
+Registry health
+ +{health.summary}
++ An agent, an empty folder, ten minutes. Open source, all the way down. +
++ Describe your product to your AI agent. It builds the demo video + from ready-made pieces + while you watch in the browser. +
++ + + {label} + + Preview at + localhost:3000 + + + + {label}, preview at localhost:3000 + +
++ {SCENARIOS[0].prompt} + {SCENARIOS.map((scenario) => ( + + ))} + +
+ ); +} + +/** The four blocks the agent picked, swapping as a wave per prompt. */ +export function PickedRow() { + const { state, reducedMotion } = useLoop(); + + return ( ++ remocn skill + + {" · "} + + + {COMPONENT_COUNT} blocks available + +
+ + ++ An agent, an empty folder and a single prompt. You describe, it + builds, you watch it happen. +
++ {step.text} +
+ ); + case "prompt": + return ( ++ {step.lines.map((line, i) => ( + + {i > 0 && " "} + {line} + + ))} +
++ {step.status} +
++ Ship it on Tuesday. +
+ ++ Sponsored by +
++ {teamCount} teams keep it free +
++ Remocn Studio +
++ macOS & Linux · free +
++ The agent follows motion rules, checks every frame and fixes what + looks off. It runs on the Claude Code, Codex, Copilot or Grok plan you + already pay for. +
++ 123 builders have posted about remocn since April +
++ {post.text} +
+ +++ ++ “{X_SPOTLIGHT.quote}” +
+
+ Every remocn component belongs to one of these families. It composes + them one scene at a time. +
++ Shaders, safe in 9:16 +
++ Fill any aspect ratio — they’re code, not footage. +
++ {description} +
+
+
+
+ {command}
+
+
+ + Words that land with weight instead of just appearing. +
++ {label} +
++ {value.map((line, index) => ( + + {index > 0 && " "} + {line} + + ))} + {tone === "muted" && ( + + )} +
++ {caption} +
+{reason.body}
+- {eyebrow} -
- )}*/} -- {lead} -
- )} -- Still stuck?{" "} - - Email us - {" "} - and we’ll walk you through it. -
-- An agent, an empty folder, ten minutes. It’s open source, all the - way down. -
- -- Describe your product to your AI agent. It builds the demo video - from ready-made pieces while you watch in the browser. -
-- empty folder -
-› {PROMPT}
- {LOG_LINES.map((line) => ( -- {line} -
- ))} -- {step.detail} -
-- {quote} -
- - ); -} - -function MarqueeRow({ - items, - reverse = false, -}: { - items: Testimonial[]; - reverse?: boolean; -}) { - return ( -- {reason.detail} -
-{eyebrow}
+{lead}
+ )} + {children} ++ {LEGAL_INTRO.lead} +
+{LEGAL_INTRO.body}
+{section.body}
} + {section.items &&+ If anything on this page is unclear, email us. +
+ + {SUPPORT_EMAIL} + +- How remocn handles your data, and the terms that apply when you use - the site or buy something. Last updated {LAST_UPDATED}. -
-- remocn (“we”) operates{" "} - remocn.dev — an open-source - registry of video components for Remotion. If anything on this - page is unclear, email us at{" "} - {SUPPORT_EMAIL}. -
- -- The site has no accounts and no sign-up. You can browse the docs, - copy components, and use everything on the site without giving us - any personal data. -
-- Paid products are sold through{" "} - Creem, our merchant of record. - Creem runs the checkout and handles payment processing, invoicing, - and taxes. Your card details go directly to Creem and its payment - processors — they never touch our servers. After a purchase we - receive only what is needed to deliver it: your email address, the - product, and the order details. How Creem handles your data is - described in{" "} - - Creem's privacy policy - - . -
- -- We keep order emails for as long as we need them to provide - support and meet legal obligations. To ask what we hold about you, - or to have it deleted, email{" "} - {SUPPORT_EMAIL} and we - will sort it out. -
- -- The free components in the registry are released under the{" "} - MIT license. You - can copy them, modify them, and ship them in personal or - commercial projects without attribution. The site and the - components are provided “as is”, without warranty of - any kind. -
- -- Some products are paid. Unless a product states otherwise at - purchase, buying it grants you a non-exclusive license to use it - in any number of your own projects, commercial ones included. What - it does not grant is the right to redistribute or resell the - product itself — for example republishing the components in - another registry, template marketplace, or paid bundle. -
- -- Purchases are processed by Creem as merchant of record, so the - sale itself is also subject to the terms Creem presents at - checkout. If a product is broken or not as described, email{" "} - {SUPPORT_EMAIL} within 14 - days of purchase and we will fix it or refund you. -
- -- To the maximum extent permitted by law, we are not liable for - indirect or consequential damages arising from your use of the - site or its products, and our total liability is limited to the - amount you paid us in the twelve months before the claim. Free - products come with no liability at all — they are yours to own, - audit, and modify. -
- -- We may update this page as the project evolves — for example when - new products or services launch. The date at the top reflects the - latest revision, and continued use of the site after a change - means you accept it. -
- -- For anything related to privacy, purchases, or these terms:{" "} - {SUPPORT_EMAIL}. -
++ Clip {String(index + 1).padStart(2, "0")} of {count},{" "} + {formatDuration(clip.start)} to{" "} + {formatDuration(clip.start + clip.duration)} on the reel +
+
+ {/* biome-ignore lint/performance/noImgElement: remote showcase avatars of arbitrary origin */}
+
+ {clip.author.url ? (
+
+ {clip.author.name}
+
+ ) : (
+ {clip.author.name}
+ )}
+
+
+ in and out on the reel, built with, source +
++ {number} of {count}, {formatDuration(clip.start)} to{" "} + {formatDuration(clip.start + clip.duration)} +
+
+ {/* biome-ignore lint/performance/noImgElement: remote showcase avatars of arbitrary origin */}
+
+ {clip.author.url ? (
+
+ {clip.author.name}
+
+ ) : (
+
+ {clip.author.name}
+
+ )}
+
+
Built with
+
+ {command}
+
+