📼 Videobrew

Create videos using any web technologies (like Svelte, Vue and React) or just plain old HTML, CSS and Javascript. Animate your web page and have Videobrew render it to a video.

---

🚧 Unmaintained Proof of Concept

This project is a proof of concept that is not actively maintained.

---

🚀 Quickstart

Start composing your videos with code!

---

Install the CLI

$ npm i -g @videobrew/cli

---

Create your video app

Let's build the webpack example Video App:

$ cd examples/webpack
$ npm run build

The webpack example video app is built to dist/

---

Preview your video

See your video app in action by letting Videobrew know where it is:

$ videobrew preview dist/

Open the editor in your browser @ http://localhost:8087

---

Render your video

$ videobrew render dist/ my-video.mp4

---

Done 🎉

Watch 📼 the video that Videobrew rendered

---

Next Steps

Check out the 🧪 Example Video Apps to see how your favorite web technologies work with Videobrew.

Read the 📖 Documentation to learn how Videobrew works and how to start coding your own video

---

🧪 Example Video Apps

Example	Description	Uses @videobrew/client
Zero Dependencies	Just plain old HTML, CSS and Javascript.
Local Installation	Shows how to install and use Videobrew with --save-dev instead of globally with -g.
Sveltekit (wip)	A Sveltekit video app example.	✔
Webpack + TypeScript	Use Webpack and TypeScript to make your video app.	✔

---

😍 Special Thanks

Videobrew wouldn't be here without these awesome projects: Playwright, FFmpeg, Chalk, Prompts, TypeScript, TailwindCSS, Vite, Svelte and more!

---

Third Party Licenses

Licenses of third parties we are directly depending on can be found here. This file was automatically generated with license-checker-rseidelsohn upon running npm run build.