Docs
SlickVid Resources
Guides for every part of SlickVid - from the Chrome screen recorder to all 20+ animated scene types. Each guide covers the full DSL syntax and all available variants so you can build exactly the video you have in mind.
Chrome Extension
Record your screen with auto-zoom on every click, animated button shine, input border effects, and optional mic audio.
Read guide
Text Animations
11 entrance animation styles for text scenes - typewriter, bounce, warp, sweep, zoom-in, zoom-out, pulse, and more.
Read guide
Image Scenes
Full-bleed images with zoom and pan directives, auto-scrolling for tall infographics, and 3D gallery carousels.
Read guide
Video Scenes
Embed video clips with zoom and pan, seek to start mid-clip, and stitch non-contiguous segments into one scene.
Read guide
Video Transitions
Add entrance and exit animations to any scene with transition-in and transition-out config keys. Legacy WebGL effects (dissolve, wipe, glitch, burn, iris, and more) are also available.
Read guide
Notification Scenes
Animated toast notification stacks that slide in and out. 9 anchor positions - corners, edges, and center.
Read guide
Panel Scenes
SaaS-style UI panels - stat counters, nav menus, activity feeds, checklists, and media panels with animated effects.
Read guide
Input, Button & Progress
Animated form inputs with typewriter, CTA buttons with cursor click effects, and progress bars with 8 color variants.
Read guide
Quick start
Every SlickVid video is a plain-text script. Scenes start with a --- type --- separator followed by optional config keys, then standard markdown content. Here is a minimal example:
--- stage --- size: 1920x1080 --- text --- variant: typewriter transition-out: zoom-out # Hello World This text types itself onto the screen. --- panel --- variant: stats transition-in: zoom-in # Monthly Revenue $48,200 +12% from last month