OpenCut-app / OpenCut-app/OpenCut
[FEATURE] Movable & Stylable Text Tool Module for Video Editor
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 89.8k
- Forks
- 8.9k
- PR merge metrics
- No merged PRs in 30d
Description
Problem
Currently, OpenCut does not support adding or editing text elements within the video canvas. This limits the ability to:
- Add titles, subtitles, or annotations to videos
- Customize overlays for tutorials, social media, or branding
- Position or style text freely, which is a core feature in most modern video editors
Without this capability, users must resort to third-party tools or manual video overlays, breaking the seamless in-browser editing workflow that OpenCut aims to provide.
Solution
Add a text editing feature that allows users to insert, move, transform, and style text directly on videos.
Detailed Feature Requirements:
🔀 Draggable/Movable Text
Text elements should be freely movable on the canvas (via mouse or touch).
🎨 Text Styling Options
Allow users to style text with:
Font size, weight, and family
Text color & background color
Bold / Italic / Underline
Text alignment (left, center, right)
Opacity and rotation
🔁 Transformations
Resize, rotate, and skew text using drag handles or transformation tools.
🌐 Responsive Support
Ensure all interactions work across common screen sizes (desktop and tablet).
Alternative
n/a
Anything else?
n/a
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No files, tests, or exact entry points are named. Start by locating the video canvas and editor entry points, then determine how text insertion and canvas interactions are organized. Done means users can insert, move, resize, rotate, skew, and style text with mouse or touch interactions across desktop and tablet.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 28/100