Panel Scenes
Panel scenes render polished SaaS-style UI components inside a card frame - stat dashboards, nav menus, activity feeds, checklists, task-progress lists, feature grids, numbered steps, and media players. Eight panel variants are available, all supporting the same opt-in visual effects.
Opt-in visual effects
Add any of these effects as a comma-separated effects: list. They stack - combine as many as you like.
| Effect | What it does |
|---|---|
| rotate | Sine-driven 3D tilt and drift float animation throughout the scene |
| border | Animated SVG chase-light that traces around the card perimeter |
| glitch | Heading briefly glitches with red/blue channel offsets on entry |
| shimmer | Repeating diagonal stripe gradient sweeps continuously |
| scan | Green scan line that bounces top-to-bottom |
| shine | White gradient sweep once across the card surface on entry |
| glow | Hue-cycling outer shadow that slowly rotates through all colors |
| frost | Frosted glass card surface with backdrop blur and drifting light |
| halo | Radial white bloom pulse in sync with the border loop |
| neon | Multi-layer colored glow with fast flicker |
| inner-glow | Bright inner edge ring fades in and out |
| spotlight | Radial gradient cone narrows onto the card from above |
| lens-flare | Diagonal streak + starburst sweeps across once |
| sparks | Particles fly off the card border |
| confetti | Colored chips burst from the center |
| pulse | Gentle continuous scale breathing, 0.8Hz |
| ripple | Expanding rings pulse outward from the card, looping |
| orbit | A glowing dot orbits continuously around the card border |
| aurora | Soft colored blobs drift behind the scene, aurora-borealis style |
| grid | Faint grid lines drift diagonally in the background |
| rays | God-ray light beams sweep from a corner |
| grain | Subtle animated film-grain texture over the card |
| brackets | Corner brackets draw on like a camera focus frame |
| echo | Concentric rings echo outward from the card edge, fading |
| vignette | Dark radial vignette darkens the screen edges |
--- panel --- floating 3D stats with hue cycling variant: stats effects: rotate, glow --- panel --- activity feed with scan line variant: feed effects: scan --- panel --- sidebar nav with chase-light border variant: nav effects: border
Stats panel
Metric cards with animated count-up numbers and trend labels. Each card shows a metric name, a value that counts up from 0, and an optional trend line. Up to 4 cards fit comfortably.
Structure: heading = metric label, first paragraph line = value, second paragraph line = trend.
--- panel --- variant: stats # Monthly Revenue $48,200 +12% from last month # Active Users 1,840 +340 new this week # Churn Rate 2.1% -0.4% improvement
Trend lines starting with + render green; those starting with - render red. Cards stagger in with fade + slide-up.
Feed panel
An activity feed with colored status dots. Lines starting with x get a red dot; all others get a green dot. The last item's dot pulses. Items slide in one by one from the left.
--- panel --- variant: feed effects: scan # Recent Activity Alice upgraded to Pro x Bob cancelled subscription 3 new signups today x Payment failed: Carol LLC Charlie completed onboarding
Both paragraphs and list items (- item) work for feed entries. Mix them freely.
Checklist panel
A checkbox list where checkmarks draw themselves in after each item slides into view. Default items are checked (green filled circle, animated checkmark path); items prefixed with x are unchecked (grey ring, muted text).
--- panel --- variant: checklist # Onboarding Checklist Connect your data source Set up your first dashboard Invite your team x Configure alerts x Export your first report
Great for showing feature adoption, setup flows, or compliance requirements. The checkmark SVG path animates using strokeDashoffset after the item enters.
Features panel
A grid of 3-6 feature boxes, each with an icon, a title, and a one-line description - the fastest way to show many features in a demo video. Each heading is one feature title (put a Font Awesome icon first and it renders big above the title); each matching paragraph is that feature's one-liner. Grid columns adapt automatically: 2 columns for 4 boxes, 3 columns for 3 or 6.
--- panel --- variant: features # <i class="fas fa-bolt"></i> Instant Renders Export a full demo in under a minute. # <i class="fas fa-magic"></i> AI Scripts Paste a URL, get a ready-to-edit video. # <i class="fas fa-microphone"></i> Voiceover Ten natural voices in five languages. # <i class="fas fa-chart-line"></i> Auto Zooms Clicks become smooth camera moves.
Cards stagger in with a fade + slide-up, one every 10 frames. Icons are optional - a heading with plain text still works, just without the big icon glyph up top.
Steps panel
Big numbered steps - "1. Record. 2. Edit. 3. Share." - great for showing how a product works in order. Each line becomes one step: a numbered circle badge on the left, the step text beside it, and a thin vertical line connecting each badge to the next. Steps reveal one at a time and the connector line grows to meet the next badge as it arrives.
--- panel --- variant: steps # How It Works Record your screen Polish it with markdown Render in the cloud Share the video link
Progress list panel
A task list where each row starts as a spinning loader and resolves into a green checkmark once its turn comes - perfect for "setting things up" or onboarding sequences. Rows are revealed one after another; a row prefixed with x stays spinning forever (still pending).
--- panel --- variant: progress # Setting Up Your Workspace Connecting your account Importing brand assets x Generating your first video
Media panel
A styled card frame containing an image or video. Supports all the same seek and zoom directives as video scenes. An optional heading renders as a caption below the media.
--- panel --- variant: media effects: border, rotate  # Mobile checkout flow --- panel --- variant: media duration: 16s  00:00.0 seek 00:05.0 00:06.0 seek 00:20.0 --- panel --- variant: media duration: 8s  00:02.0 zoom top-center 2x 00:06.0 zoom out