CASE STUDY / Live

Framify

A browser-based lyric video studio for synchronising, styling and exporting social-ready videos.

Next.jsTypeScriptCanvasWeb WorkersFFmpeg
Visit live project
Visual for Framify

The project

Framify brings the lyric-video workflow into one focused web studio. Users can prepare timed lyrics, design every frame with custom typography and visual presets, preview the result and export it in formats made for Reels, TikTok and feed posts. The app combines canvas rendering, browser workers, audio alignment and FFmpeg-based video export.

Approach

I focus on explicit data contracts, small independently testable modules, accessible UI states and the simplest architecture that can handle the real constraints.

What I learned

Successful delivery depends as much on clarifying rules and communicating trade-offs as it does on writing code.