🧩 Problem Description
Currently, Reframe has no way to add text overlays on the video canvas.
The app URL already accepts a ?textOverlays= query parameter (e.g.,
?textOverlays=hello), which suggests this feature was planned — but it
has no effect on the UI. There is no panel, no input, and no rendering
logic for text overlays in the current implementation.
This is a major gap for creators using Reframe for Reels, Shorts, and
TikTok — where adding titles, captions, or watermark text is essential.
🧠 Proposed Solution
Add a "Text Overlays" section in the sidebar with:
- Add Text button to insert a text layer on canvas
- Font size, font family, text color controls
- Position presets (Top, Center, Bottom — Left/Center/Right)
- Drag-to-reposition on canvas preview
- Text burned into exported video via FFmpeg
drawtext filter
?textOverlays= URL param wired up to pre-populate text on load
🎬 Expected Behavior
- User clicks "Add Text" → text box appears on canvas
- Real-time preview updates as user types/styles
- On export → text is permanently embedded in video output
- Shareable URL reflects text state via
?textOverlays=YourText
🔧 Existing Evidence
The ?textOverlays= URL param is already accepted by the app
(e.g. https://reframe-lilac.vercel.app/?textOverlays=hello)
but currently has zero effect — no UI, no handler. This feature
would fully implement what the param implies.
🚧 Working Status
I have reviewed the codebase and FFmpeg.wasm integration.
Ready to implement this cleanly without breaking existing logic.
Please assign this to me under GSSoC 2026! 🚀
Labels: feature enhancement type:feature type:design
🧩 Problem Description
Currently, Reframe has no way to add text overlays on the video canvas.
The app URL already accepts a
?textOverlays=query parameter (e.g.,?textOverlays=hello), which suggests this feature was planned — but ithas no effect on the UI. There is no panel, no input, and no rendering
logic for text overlays in the current implementation.
This is a major gap for creators using Reframe for Reels, Shorts, and
TikTok — where adding titles, captions, or watermark text is essential.
🧠 Proposed Solution
Add a "Text Overlays" section in the sidebar with:
drawtextfilter?textOverlays=URL param wired up to pre-populate text on load🎬 Expected Behavior
?textOverlays=YourText🔧 Existing Evidence
The
?textOverlays=URL param is already accepted by the app(e.g.
https://reframe-lilac.vercel.app/?textOverlays=hello)but currently has zero effect — no UI, no handler. This feature
would fully implement what the param implies.
🚧 Working Status
I have reviewed the codebase and FFmpeg.wasm integration.
Ready to implement this cleanly without breaking existing logic.
Please assign this to me under GSSoC 2026! 🚀
Labels:
featureenhancementtype:featuretype:design