I built 12 free browser-based tools for creators — here's what I learned

#webdev #javascript #ai #opensource

A few weeks ago I launched ClipGG — a collection of 12 free
browser-based tools for content creators, video editors,
and writers. No signups, no file uploads, no subscriptions.
Everything runs locally in the browser.

Here is what I learned building it.

Why browser-based?

The obvious reason is privacy. When you upload a video to
an online tool, you have no idea where that file goes or
how long it sits on someone's server. With browser-based
processing, the file never leaves your device.

The less obvious reason is speed. No upload queue, no
server processing time, no waiting. The Web Audio API,
Canvas API, and MediaRecorder handle surprisingly heavy
tasks directly in the tab.

What the tools do

The suite covers the small repetitive tasks that slow
down a creator's workflow:

Word & Character Counter — real-time word count, reading time, speaking time, and keyword density
SRT Subtitle Cleaner — strips timecodes and tags from subtitle files, converts to plain text or article format
SRT ↔ VTT Converter — converts between subtitle formats for HTML5 video and YouTube
YouTube Title Validator — previews how your title looks in desktop and mobile search before publishing
Audio Extractor — pulls audio from MP4, WebM, MKV using the Web Audio API, no upload
Video Aspect Ratio Resizer — crops horizontal video to 9:16 for TikTok and Shorts with blur background fill
AI Video Hook Generator — generates scroll-stopping opening lines for short-form video
AI Freelance Email Generator — writes cold emails and Upwork proposals based on job description
AI Content Repurpose Machine — turns one piece of content into Twitter threads, LinkedIn posts, and more
Bulk Image Compressor — batch compresses JPEG, PNG, WebP locally using Canvas
YouTube Thumbnail Downloader — grabs HD thumbnails and extracts dominant color palettes
Video Teleprompter — smooth scrolling prompter with mirror mode and webcam overlay

One technical thing worth sharing

The Audio Extractor was the hardest to get right. True MP3
encoding requires a licensed codec that browsers don't
include natively. The output is WebM/Opus — smaller than
WAV, excellent quality, plays in every modern browser and
media player. Renaming to .mp3 works in most players too.

For the Video Aspect Ratio Resizer, the blur background
effect uses a second canvas layer running the same video
at low resolution with a CSS blur filter, composited
behind the main cropped layer using MediaRecorder. It
runs at full speed on any modern laptop.