Basic Elements
Interactive
Drop element here
Inspector
Text Element Selected
Transform
Styling
Interactions
Timeline
Elements Panel
Drag elements to canvas
Basic Elements
Form Elements
Interactive
Layout
Elements Panel
The Elements Panel is your creative toolkit. Drag and drop elements from the left panel to build interactive video overlays.
Drag & Drop
Intuitive drag and drop interface for quick element placement
Rich Elements
Comprehensive library of interactive and layout elements
Real-time Preview
See element previews before adding them to your canvas
How to Use
Browse the element categories in the left panel
Hover over elements to see a quick preview
Drag elements to the video canvas to add them
Use the Inspector Panel to customize properties
Inspector Panel
Text Element Selected
Inspector Panel
The Inspector Panel provides context-aware controls for selected elements. Modify properties in real-time and see changes instantly on the canvas.
Live Property Synchronization
Current Values
Visual Preview
Real-time Updates
Properties sync instantly between canvas and inspector
Advanced Styling
Complete control over typography, colors, and effects
Interactive Actions
Add click events, links, and custom interactions
Timeline
Timeline
The Timeline is the heart of Video Flow. Arrange elements, set keyframes, and control timing with precision.
Multi-Track Editing
Organize elements across multiple tracks for complex compositions
Keyframe Animation
Create smooth animations with visual keyframe markers
Drag & Drop
Intuitive timeline manipulation with drag and drop controls
Properties Editor
Advanced element configuration
Properties Editor
Advanced property configuration for precise element control. Customize every aspect of your video elements.
Live Property Preview
Advanced Controls
Fine-tune every property with professional-grade controls
Responsive Design
Configure properties for different screen sizes
Custom CSS
Add custom styles for unlimited creativity
Keyframe Editor
Animate element properties over time
Selected Keyframe
Keyframe Editor
Create smooth animations with precise keyframe control. Design complex motion graphics and transitions.
Animation Preview
Visual Keyframes
Intuitive graph-based keyframe editing with visual curves
Precise Timing
Frame-accurate timing control for professional animations
Easing Functions
Built-in easing presets and custom bezier curves
Current Keyframes
| Time | Property | Value | Easing | Actions |
|---|---|---|---|---|
| 0.0s | Position X | 32px | Linear | |
| 1.0s | Position X | 200px | Ease In Out | |
| 2.0s | Position X | 150px | Ease In Out | |
| 3.5s | Position X | 250px | Bounce |
Asset Library
Manage your media assets
Asset Library
Organize and manage all your media assets in one place. Upload, preview, and drag assets directly to your canvas.
Upload New Assets
Drag and drop files here or click to browse
Drag & Drop Upload
Simply drag files from your computer directly into the library
Smart Search
Find assets quickly with intelligent search and filtering
Auto Organization
Assets are automatically categorized by type and metadata
Project Settings
Configure project properties and export options
Project Settings
Configure your project properties, export settings, and collaboration options for optimal results.
Current Configuration
Video Format
1920x1080 @ 30fps
16:9 aspect ratio
Export Quality
High Quality MP4
5000 kbps bitrate
Collaboration
Private Project
2 team members
Flexible Configuration
Customize every aspect of your video project settings
Export Options
Multiple format support with quality optimization
Team Collaboration
Share projects and collaborate with team members