PixelOkay
● Local processing
Tools
✦ VIDEO CREATOR / CHAPTER STUDIO

Chapter Animation Maker

Turn a chapter list into cinematic animated titles, section cards, and transitions. Preview over your video, then export—all in your browser, without sending your footage to a server.

✧ Smart styles▣ Live canvas preview↓ Local export
YOUR WORKSPACE

Chapter Animation Studio

No AI needed. Import a video, edit chapter markers and title motion, then export locally.

01

Source video

Your video stays on this device.

▣
Drop your video hereMP4, WebM, MOV when supported · up to 800 MB / 60 min
No video loaded
02

Chapter timeline

Add markers or paste timestamps from a video description.

0 chapters
Import a video to begin. Add chapter markers at important moments.

Overlay, full card, and lower third modes use the existing video timeline—they do not insert extra seconds.

03

Design your introduction

Edit the currently selected chapter.

Select a chapter to customize its animation.
04

Live preview

See the chapter treatment at any point in your video.

READY
PIXELOKAY • CHAPTER STUDIO
00:00 / 00:00
Drag chapter bars to retime intros; use zoom, 24 fps snap or the keyboard-accessible 0.1s nudge controls.
05

Export your creation

Capture animated video or save individual title cards.

Import chapter CSV exported with the title-card ZIP to continue editing, or download a single storyboard contact sheet for quick reviews.

Video exports are real-time, so keep this tab visible until completion. Format support depends on the browser.

How smart suggestions work

Smart Style uses local keyword rules to choose motion and colors. The optional on-device browser AI can suggest title wording when supported; it never analyzes or uploads your actual footage. No paid API is required.

Browser limits

Video capture depends on MediaRecorder and canvas support. Visual effects are composited onto your source timeline. Export may be slower than playback on low-memory devices, and MP4 may not be offered in some browsers.

Make your next tutorial feel intentional.

Use chapter cards for course sections, coding demos, product walkthroughs, and educational videos. Create a project file to edit the timing again later—reselecting the original video when you return.

Private by design.

All video decoding, graphics and rendering take place within your browser. This tool has no server API. Your browser may limit recording quality, encoding formats and maximum file sizes.

Frequently asked questions

Does this add extra seconds to my video?

No. Introductions are animated over an existing timeline; Full card temporarily covers the footage at its chapter timestamp. To insert extra time you would need a nonlinear editor.

Can I export MP4?

Only if your browser reports that it can record MP4 through MediaRecorder. Otherwise export WebM or export individual PNG cards.

Do I need an AI API?

No. Animation and smart styles work offline with local rules. Title suggestions require an explicitly enabled browser-native LanguageModel or a downloaded WebLLM text model. Model setup is optional; the rule-based Smart style always works without AI.

Using Chapter Animation Maker

Import video, add markers or chapter timestamps/CSV, edit titles and animation, review timing and export.

Does not detect chapters or transcribe video. Optional title AI requires model setup and human review; rule-based style remains conventional. Overlays keep the source timeline. Projects omit video. Input is capped at 60 minutes and video export at 30 minutes, subject to memory and native real-time codecs.

Related tools

LOCAL AI SETUP

Set up AI on this device

First, a model needs to be loaded on your device

Chapter Animation Maker can use a browser-native LanguageModel or an optional local WebLLM text model for chapter-title suggestions. WebLLM downloads can be hundreds of megabytes. No model download starts automatically. Video editing and exports work without AI.

  1. 1. Check device
  2. 2. Download / cache
  3. 3. Initialize title AI
  4. 4. Suggest titles

Device & model resources

Measurements may be approximate
Device RAM / model memoryChecking device information…

Live available RAM and GPU memory are not exposed by most browsers.

Browser website storageChecking site storage…

Site-wide approximate origin quota, shared with other PixelOkay tools. This is not RAM.

ONE ACTION · ALL RECOGNIZED AI MODEL DOWNLOADS

Free AI model storage across PixelOkay

Scan this website origin for WebLLM and Transformers.js model caches, plus recognizable model files in other cache buckets. This includes caches from other PixelOkay tools, not only this tool. No site data or browser databases are cleared automatically.

Run a scan to inspect recognized model caches before optional cleanup.

Unknown IndexedDB, OPFS and browser-managed models remain untouched. Other AI tabs can hold models in use; close them before cleanup.

Having trouble downloading or loading AI?

Refresh storage/cache, retry, select a smaller compatible model, or inspect the recognized caches. Storage deletion is optional and does not fix network/GPU problems.

Clearing all website data can erase saved work across PixelOkay; this tool never performs that action.

Check availability or select Download & Load Model to begin.

Technical details and safe recovery

WebLLM 0.2.87 or browser-native LanguageModel · selected model. No chapter text is included in diagnostics.

Do not clear all browser website data without exporting your projects and files. This tool does not access or remove them.

Only the currently selected chapter title and subtitle are sent to the local model for a suggested rewrite. The tool does not transcribe or inspect video content. You must approve any wording change. Browser-managed native models are not exposed to the cache tools.

CROSS-TOOL MODEL CACHE CLEANUP

Delete recognized AI model downloads?

This may make other PixelOkay AI tools redownload shared model weights. Saved projects, imported files, and browser databases are not targeted. Unknown caches are skipped. Close other AI tabs first.