OpenCut-app / OpenCut-app/OpenCut

[FEATURE] Movable & Stylable Text Tool Module for Video Editor

Open
#199 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.