DESIGN

A rich toolkit behind every scene.

CourseSmith ships a deep catalog of purpose-built scene components — code walkthroughs, diagrams, worked examples, terminal replays, comparison grids, slide layouts, and more — each designed to render the subject correctly, not decoratively. And every scene carries its own motion, background, images, voice and branding.

SocraticTutorialPowerPointDiagrams

Start free

Every aspect

One editor, an entire toolkit per scene.

The component library is only the start. Every scene carries its own components, motion, background, cinematic imagery, voice and branding — here's the whole toolkit, captured from the real editor.

The component library, grouped by subject and role

SCENE LIBRARY

A library of purpose-built scene components

Hundreds of components, grouped by subject and role — system-design topology and request-flow traces, math reveals and equation step-throughs, code walkthroughs, MathMotion animations and diagrams. Each one renders the subject correctly, and previews exactly as it will in the final video.

System DesignMathCodeMathMotionDiagramsPresentation

EDIT & AI REWRITE

Edit any scene — or let AI rewrite it

Every scene has an editable title and narration. One “AI Rewrite” prompt rewrites the whole scene — narration AND the visual content, whether that’s code, questions or diagrams — while always preserving the tone you chose.

Narration scriptAI RewriteTone-preservingSplit suggestions

MOTION

Cinematic motion on every scene

Choose an entrance and an exit for each scene — fade, slide from any direction, spring, scale or zoom. Motion is applied by the renderer, so what you pick is exactly what plays back.

FadeSlideSpringScaleZoom

BACKGROUNDS

Animated 2D & 3D backdrops

A library of deterministic animated backgrounds — like the Neural Storm 3D network — with customizable colors. Apply one to a scene, use it across the whole video, or let CourseSmith vary them scene to scene.

2D & 3DCustomizable colorsPer-scene or globalDeterministic

CINEMATIC SCENES

Full-bleed cinematic scenes for the humanities

For history and other non-STEM subjects, CourseSmith renders full-bleed cinematic scenes — AI imagery with cinematic typography and motion — so a documentary on Pompeii looks like a documentary, not a slideshow.

Full-bleed imageryCinematic typographyHistory & documentaryKen Burns motion

VOICE & LANGUAGE

Native, premium & cloned voices

Narrate in normal or premium voices, or translate and dub into 38 languages — including Indic languages with native-speaker voices. Or clone your own voice and narrate every scene in it.

38 languagesIndic voicesPremiumVoice cloning

BRANDING

Your brand on every frame

Add a branding intro for the whole video and a watermark on every frame — pick the image, the corner, the opacity and the size. Your course looks like yours, end to end.

Branding introWatermarkPosition & opacityWhole-video

What it does

The detail that makes it work.

Built for technical content

Components exist for the things generic tools can’t show — execution traces, state machines, config setups, diagnose-and-fix beats.

Multiple pedagogical tones

Socratic, Tutorial, and PowerPoint families cover different teaching styles and lecture formats.

Previewed before you commit

Every component previews in the library exactly as it will render in the final video.

Learn CourseSmith

Watch the short tutorial.

1:09
Styling a scene
Tutorial 20 · Storyboard

All 42 tutorials →

Pairs well with these.

Add any scene, mid-lectureBetween any two beats, insert an image, a self-drawing sketch, a paper-cutout collage, a stickman panel, an X-Ray scene, a cinematic clip, animated math, or bespoke motion graphics.Storyboard editorDesign every scene visually — component, background, animation, and narration, side by side.AI video agentDescribe a scene in chat and the agent builds it — layout-aware and catalog-aware.Character StudioDescribe a character and CourseSmith draws its reference sheet — stickman, paper cutout, whiteboard or cinematic — then keeps it the same in every video.Your workspaceThe Projects page keeps courses, shorts, storyboards in progress, Studio edits, videos, product videos, Cutaway captures and sources apart — and links every source to what was made from it.Scene styleColours, fonts and text size for a single scene or the whole deck, with no per-template code.Styles for every lecture typeEvery lecture type’s looks and “scenes to include”, each shown as a real frame — searchable, recommended per lesson, remembered per type.Stock + AI imageryPexels and Unsplash photos and clips, AI images, and short AI video — with a vision model picking the best match.

Build a course with component library.

It’s one part of a tool that carries your source all the way to a polished, finished video.

Start free All features