# Video Kit

> Turn HTML to video with Claude Code: it writes animated scenes in GSAP, checks stills, fixes them and renders a 1080p MP4 on your own computer.

Canonical: https://nexin.si/library/video-kit

Kit · Social media · v1.0.0

Turn HTML to video with Claude Code: it writes animated scenes in GSAP, checks stills, fixes them and renders a 1080p MP4 on your own computer.

Added Nov 2, 2026

The Video Kit turns HTML to video inside Claude Code. Instead of dragging layers around a timeline, you describe the video you want; Claude Code writes each scene as a web page animated with GSAP, the kit’s renderer steps through it frame by frame in a headless browser, and ffmpeg encodes a clean 1080p MP4. Because the video is code, Claude Code can read it, change it and render it again in seconds, which is what makes it good at motion graphics.

## Who it’s for

It’s for founders who need a launch or feature video, marketers who post short promos every week, and creators who want animated explainers without learning After Effects. You bring the message and the facts; Claude Code does the motion. If you haven’t set up Claude Code yet, the guide [Install Claude Code](https://nexin.si/library/install-claude-code) walks you through it.

## Why HTML to video works with Claude

- **Claude writes code well.** A scene is HTML, CSS and a GSAP timeline, the kind of thing Claude Code writes and fixes reliably.
- **It checks before it renders.** The preview writes a contact sheet and flags text outside the frame, text that’s too small and text that overlaps, so problems are fixed before the long render.
- **Every frame is the same every time.** The renderer seeks the timeline to each frame, so a render is repeatable and a fix changes only what you asked for.
- **It’s local.** No account, no credits, no upload and no watermark. Your files stay on your computer.

## Questions

**Do I need to know how to code?** No. You install Node.js and ffmpeg once; after that you talk to Claude Code in plain words. The code is there if you want to edit it.

**Can it edit my camera footage?** No. It makes motion graphics: text, shapes, images, logos, captions, music and voiceover. For cutting real footage, use a video editor.

**What sizes does it render?** 9:16 for Reels, TikTok and Shorts, 1:1 for feeds and 16:9 for YouTube and websites, all at 1080p and 30 fps.

**How do I get it?** It comes with Nexin: one payment of $27 opens every skill, kit, prompt and template in the library, and the kits added later.

Get it

## Get Video Kit with Nexin.

One payment opens this kit and the whole library for good, plus Nexin inside Claude.

NexinOne payment

$27once

- Every skill, prompt and template
- Local kits for Claude Code (video, carousels and more)
- Nexin inside Claude, ChatGPT and any MCP app
- Everything added later, every week
- One payment, nothing recurring
- 7-day money-back guarantee

 [Get Nexin · $27 once](https://nexin.si/checkout?item=nexin%3Aonce)

 [Already have Nexin? Sign in](https://nexin.si/login)

## More in the library

KIT SOCIAL MEDIA

### [Carousel Kit](https://nexin.si/library/carousel-kit)

A carousel maker you open in Claude Code: it writes the slides, renders ready-to-post PNGs and a LinkedIn PDF on your computer, then checks every slide.

TOOL SOCIAL MEDIA · FREE

### [Add Text to Image](https://nexin.si/library/add-text-to-image)

Add text to an image in a bold font, pick the size and color, add an outline, and click where it goes. Save as PNG, JPG or WebP. It runs in your browser.