SynTools
Free browser-based media tools
- Type
- Product
- Built with
- JavaScript
- Source
- Private repository
- Live at
- tool.synlor.com
Overview
A free collection of browser-based media utilities — the live catalogue lists 72+ tools — built with Next.js and no separate backend; the dynamic logic runs in Route Handlers.
Core features
A video downloader for hundreds of platforms with quality selection and optional proxy routing; a video editor (split, merge, crop, export) that runs entirely in the browser with ffmpeg.wasm, so nothing is uploaded; a growing library of converters, PDF, audio, image, text and developer tools; and a companion browser extension.
Architecture
Next.js App Router with Node-runtime Route Handlers. The downloader spawns the standalone yt-dlp binary, which embeds its own Python, so the host needs neither Python nor system ffmpeg; a Range-aware streaming proxy covers region-blocked links, and provider credentials stay server-side behind opaque proxy ids. Video processing is client-side through ffmpeg.wasm, and the app ships as a Docker image.
Frameworks, tools & libraries
The stack behind it
Frameworks
- Next.js
- React
- Tailwind CSS
Tools & infrastructure
- yt-dlp
- FFmpeg (WebAssembly)
- Docker
- Browser extension (MV3)
Libraries
- TanStack Query
- Radix UI
- shadcn/ui
- Framer Motion
- React Hook Form
- Recharts
- Axios
- sharp
Skills applied
What I brought to it
- 01
Client-side media processing with WebAssembly
- 02
Subprocess orchestration and streaming proxies in Route Handlers
- 03
Credential isolation: opaque ids for server-held proxy secrets
- 04
Next.js App Router product development
- 05
Browser extension development
- 06
Containerised deployment without system dependencies
Languages
What it's written in
- JavaScript~149 files
app and tools
- TypeScript~57 files
typed modules
Screens
More screens
Next project
SynUI
A drag-and-drop UI kit: sites as folders of JSON