Code before after

Remotion pieces · Code on screen · MIT

Tap the picture to play it.

What it does

Code on screen. Terminal demos for a README: a command typed in and its result, code before and after, a feature list.

Get it

npm install remotion-readme-kit
# then import the part you want; the README at https://github.com/ofershap/remotion-readme-kit lists them

Copy commandCopy for an agent

Needs

Remotion ^4.0.0 · zod

Re-skin

By props (colors, type, text)

The CodeBeforeAfter template. Words are props (zod schema): title, beforeLabel, afterLabel, beforeCode, afterCode. Colors (17) and fonts (2) come from src/constants.ts, shared by every template.

Size

1280 x 720 · 7 s

License

MIT

From

ofershap/remotion-readme-kit

Everything from ofershap/remotion-readme-kit in the gallery

Back to the Asset Library