TS Studio Editor

Visual editor for creating carousels and short-form video content, built on Remotion's Editor Starter template.

Architecture

• Canvas — the main editing surface where items are positioned and styled
• Timeline — controls item timing, sequencing, and duration
• Sidebar — property panels for editing selected items
• Asset Library — upload and manage images, videos, and audio

Item Types

• Text items with font, size, color, and animation controls
• Image items with cropping, filters, and positioning
• Shape items for backgrounds, dividers, and decorative elements
• Video items with trimming and overlay support

Best Practices

• Use the template's built-in actions for state changes (selection, addition, modification)
• Follow the single persistence file pattern for each feature
• Use the template's asset upload pipeline for all media