TESIGN
์ €์žฅํ•œ ๊ฒƒ

KO ยท EN

์ž๋™ ์ƒ์„ฑ โ€” ํŽธ์ง‘ ์ „ ยท ์ˆซ์ž๋งŒ ํ™•์ธ๋œ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค

  1. TESIGN / RADAR
  2. ์ €์žฅ์†Œ ์นด๋“œ
  3. remotion-dev/remotion

remotion-dev/remotion

๐ŸŽฅ Make videos programmatically with React

โ˜… 59.1kโ–ฒ +73 / 7d์ตœ๊ทผ 14์ผ์˜ ์ผ๋ณ„ ๋ณ„ ์ฆ๊ฐ€. ๋นˆ ๋ง‰๋Œ€๋Š” ๊ด€์ธก ์—†์Œ. ๋งˆ์ง€๋ง‰ ๋‚ ์€ ์ผ๋ถ€์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.2026-09-03 ๊ด€์ธก ์—†์Œ2026-09-04 +262026-09-05 +292026-09-06 +262026-09-07 +32026-09-08 ๊ด€์ธก ์—†์Œ2026-09-09 ๊ด€์ธก ์—†์Œ2026-09-10 +42026-09-11 +232026-09-12 +112026-09-13 +82026-09-14 ๊ด€์ธก ์—†์Œ2026-09-15 +182026-09-16 +914์ผ ์ค‘ ๊ฐ€์žฅ ํฐ ํ•˜๋ฃจ ์ฆ๊ฐ€+29์ตœ๊ทผ 14์ผ ยท ํ•˜๋ฃจ ๋ณ„ ์ฆ๊ฐ€๋นˆ์นธ = ๊ด€์ธก ์—†์Œ

์ˆœ์œ„ ์—ญ๋Œ€ 112์œ„

ํ•œ๋ˆˆ์— ๋ณด๋Š” ์‚ฌ์‹ค

์–ธ์–ด
TypeScript
๋ผ์ด์„ ์Šค
๋ผ์ด์„ ์Šค ๋ฏธํ™•์ธ
์‚ฌ์šฉ ๋ฒ”์œ„
๋ฏธํ™•์ธ โ€” ์“ฐ๊ธฐ ์ „์— ์‚ดํŽด๋ณด์„ธ์š”.
ํ™œ๋™
๋งˆ์ง€๋ง‰ ์ปค๋ฐ‹ 3์ผ ์ „ ()
ํ† ํ”ฝ
  • javascript
  • react
  • video
ํ™ˆํŽ˜์ด์ง€
https://remotion.dev
์ €์žฅ์†Œ
GitHub โ†—
๋ถ„๋ฅ˜
AI

์š”์•ฝ์ด๋ฉฐ ๋ฒ•์  ์กฐ์–ธ์ด ์•„๋‹™๋‹ˆ๋‹ค.

README ๋ฐœ์ทŒ

Video tools for the agent era. Video Creation - Make videos agentically : Turn your idea into a video using your coding agent. - Make videos interactively : Edit and animate using drag and drop. - Make videos programmatically : Connect to data, and manage complexity with code. React Code is the source of truth. Switch your workflow at any point. Video Automation - Design systems : Create a library of animated assets for your organization. - Batch rendering : Render millions of videos on your own infrastructure. - Applications : Publish a simple tool or a complex video editor. Get started If you already have Node.JS installed, type to get started. Otherwise, read the installation page in the documentation. Discover Remotion Remotion is extensively documented over more than 1000 pages. - Get Started - Installation - Agent Skills - Prompts - Templates - Components - Elements - Effects - Shapes - Transitions - Sound Effects - Captions - Fonts - Rendering - Node.js APIs - Lambda - Vercel - Client-side rendering - Comparison of options - Making apps - Player - Editor Starter - Mediabunny - Community - Discord - Experts - Resources - Contributing - Follow us on X, YouTube, Instagram, Linkโ€ฆ

GitHub README์˜ ์•ž๋ถ€๋ถ„์„ ์ €์žฅ๋œ ๊ทธ๋Œ€๋กœ ์ตœ๋Œ€ 1,200์ž๊นŒ์ง€ ์˜ฎ๊ฒผ์Šต๋‹ˆ๋‹ค. ๋งˆํฌ๋‹ค์šด ์„œ์‹์€ ํ‘œ์‹œํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํƒ€์ž„๋ผ์ธ

  1. ์ €์žฅ์†Œ ์ƒ์„ฑ
  2. TESIGN์ด ์ฒ˜์Œ ๋ณธ ์‹œ๊ฐ โ—Œ ๊ณผ๊ฑฐ ๊ธฐ๋ก
  3. ๋งˆ์ง€๋ง‰ push

๋ชฉ๋ก์€ ์šด์˜์ž์˜ ์œ„์ž„์„ ๋ฐ›์•„ AI๊ฐ€ ๊ณ ๋ฆ…๋‹ˆ๋‹ค. 2026๋…„ 9์›”์—๋Š” ์‚ฌ๋žŒ์ด ์ง์ ‘ ๊ฒ€์ˆ˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ณ„ ์ดํ•ฉยท์ฆ๊ฐ€๋Ÿ‰ยท๊ต์ฐจ ์ถœ์ฒ˜ยท๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธยท๋ผ์ด์„ ์Šค๋ฅผ ํŒ๋‹จ ๊ทผ๊ฑฐ๋กœ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์ˆœ์œ„ ๊ณ„์‚ฐ ๋ฐฉ๋ฒ• โ†’

์ด ์ €์žฅ์†Œ์— ํŽธ์ง‘ ๋ฌธ๊ตฌ(์™œยท๋นŒ๋“œยท๋ˆ„๊ฐ€ยท์‹œ์ž‘ยท์ฃผ์˜)๊ฐ€ ๋ถ™์œผ๋ฉด ์ •์‹ ํ•ญ๋ชฉ์œผ๋กœ ์Šน๊ฒฉ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋•Œ๊นŒ์ง€๋Š” ์ €์žฅ๋œ GitHub ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ์™€ ์ˆซ์ž๋งŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.