Websites & platforms

DripStudio

Subscription studio that renders lyric videos

Next.jsTypeScriptRemotionBullMQRedisPrismaTailwind CSS

Screenshots & Schematics

DripStudio hero showcase and vertical lyric preview

Problem & Challenge

The friction musicians and creators face spending hours in complex desktop video editors just to produce synchronized 9:16 vertical lyric videos for social media.

How It Works

The creator uploads an audio track and pastes lyrics into the web studio.

WaveSurfer.js analyzes the audio waveform, letting the user align lyrics with millisecond precision.

Video templates, typography styles, and responsive 9:16 motion graphics are customized with live preview.

The rendering job is dispatched to a distributed BullMQ queue backed by Redis.

Headless Remotion workers render high-definition 4K video frames and produce direct download links.

Architecture & Technical Decisions

Next.js 16 (App Router), TypeScript, Remotion programmatic video framework, BullMQ, Redis, Prisma ORM, WaveSurfer.js, and Tailwind CSS v4.

Users upload a track, sync the lyrics to the waveform, and the server renders the finished video. Programmatic rendering with Remotion, long-running jobs queued through BullMQ and Redis, waveform-based lyric syncing with wavesurfer.js — wrapped in a credit/quota system, subscriptions, payments and an admin panel.