HTML animation to a TikTok video
TikTok's feed is full-screen and full-motion — the platform rewards clips that look clean at a glance. Framecast renders your HTML or Claude animation frame-by-frame into a crisp 9:16 MP4 with no watermark, so there's no recorder stutter and no third-party badge baked into the corner.
One-time $2.99 · free watermarked preview first.
TikTok video specs
Exporting from in-app editors often stamps a logo, and screen recorders add stutter. A clean Framecast MP4 sidesteps both — what you upload is exactly your animation.
Three steps
Drop your HTML
Drag your animation into the studio. From Claude? Start at Claude animation to video.
Take the 9:16 export
One drop gives you 16:9, 9:16 and 1:1. Use the vertical 9:16 for TikTok.
Post it
Upload the MP4 in the TikTok app or web uploader.
Tips for TikTok
- First frame is the thumbnail. Design your opening frame to read on its own — it's what people see before tapping play.
- Loop it. Seamless loops keep replays going, which TikTok counts as engagement.
- Leave room for UI. Keep key motion out of the bottom-right where the caption and buttons sit.
Cross-posting? The same drop covers YouTube Shorts and Instagram Reels. See also HTML to MP4 and vs. screen recording.