Use Stepper

Remotion pieces · A whole scene · MIT

Tap the picture to play it.

What it does

A whole scene. Terminal demos for a README: a command typed in and its result, code before and after, a feature list.

Get it

git clone https://github.com/ofershap/remotion-readme-kit
cd remotion-readme-kit
npm install
npx remotion render src/index.ts UseStepper out.mp4

Copy commandCopy for an agent

Needs

Remotion ^4.0.0 · zod

Re-skin

By props (colors, type, text)

Words are props (zod schema): title, beforeLabel, afterLabel, beforeCode, afterCode. Colors (17) and fonts (2) come from src/constants.ts (COLORS, FONTS), shared by every template in the kit. The four entries are one component (CodeBeforeAfter) with different words.

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