A modern web tools monorepo built with Turborepo + pnpm, spanning Next.js, Nuxt, Hono, and more.
Important
Most apps run entirely in the browser with zero server uploads — your data never leaves your device. Privacy-first · Local-first · Performance-first
Image & Video Processing Toolbox
- One-click background removal, batch compression (AVIF / WebP / JXL and more), video compression (up to 90% size reduction)
- Tech: Transformers.js + WebGPU (background removal), FFmpeg.wasm (compression & transcoding)
- Highlights: local WebGPU acceleration, efficient batch processing, completely upload-free
Preview
Client-side File / Text Encryption Tool
- XChaCha20-Poly1305 encryption, Argon2id key derivation, ECIES public key encryption, large file chunked processing
- Tech: @noble/ciphers + Web Workers
- Highlights: 10 MB chunking + Web Worker background processing, UI stays smooth
Preview
End-to-end Encrypted File Sharing Platform
- Client-side AES-GCM + Argon2id encryption — encryption key shared only via URL fragment, server never sees plaintext
- Tab-based Share / Retrieve UI; multipart upload for large files (20 MB chunks, 3 concurrent parts); configurable expiry; optional TOTP gate; email sharing; i18n (en/zh)
- Decoupled architecture:
dropply-web(Next.js + Cloudflare Pages) +dropply-api(Cloudflare Workers)
Preview
Browser-based Text-to-Image Generator
https://text2img.cdlab.workers.dev/
- Supports FLUX, SDXL, DreamShaper and more, random prompts, rich parameter controls
- Tech: Next.js App Router + TanStack Query + Cloudflare AI
- Highlights: real-time preview, dark/light theme, one-click download
Preview
Browser-based Video Editor
- A fully client-side, open-source video editor (CapCut alternative) — zero server uploads, complete privacy
- Multi-track timeline editing, timeline bookmarks, AI caption generation, text-to-speech, stickers, transitions, keyframe animation
- Tech: Next.js (App Router, static export) + Zustand + FFmpeg.wasm + Hugging Face Transformers + WaveSurfer.js + next-intl (en/zh)
- Highlights: GPU-accelerated canvas rendering, full undo/redo command system, customizable keyboard shortcuts
Preview
Online Video Player
- Supports HLS (M3U8 adaptive bitrate), MP4, WebM, OGG, and more
- HLS quality switching, ABR adaptive bitrate, configurable buffer & retry settings
- One-click jump to vidl to download the current video
- Extensible monitoring and analytics capabilities
Preview
ByPlay Player Monitoring & Analytics Service
- Playback data collection, log reporting, and behavior analytics for ByPlay
- Suitable as a player log backend or data infrastructure for A/B testing / quality monitoring
Online Video Downloader
- Supports M3U8/HLS, MP4, WebM, MKV, FLV, and more — auto-detects URL format
- M3U8: range download, stream download, AES-128 decryption, TS-to-MP4 conversion
- One-click jump to byplay to preview/play the current video
- Tech: mux.js + Streams API
- Highlights: near-zero memory stream download, pause/resume, auto-retry with exponential backoff
Preview
Crypto / Fiat / Commodity Value Comparison Tool
- Compare cryptocurrencies, fiat currencies, and commodities side by side on a unified scale
- Highlights: enter an asset or amount and instantly see "what it can buy" or "what it's equivalent to"
Preview
Real-time Online User Counter
https://live-user.cdlab.workers.dev/
- Embed a single script tag to display real-time online user count and total visits on any webpage
- WebSocket Hibernation API — Durable Object hibernates when idle to minimize costs
- Visit counter stored in DO-embedded SQLite with atomic updates (no data loss under concurrency)
- Tech: Hono + Cloudflare Workers + Durable Objects + SQLite
Open Source Release / Changelog Aggregation Dashboard
https://repo-changelog.vercel.app/
- Track releases and changelogs from multiple GitHub repositories in one dashboard
- Search by repository / user / organization, sort by stars, update time, and more
Preview
- Node.js >= 20
- pnpm >= 10
git clone https://github.com/WuChenDi/projects.git
cd projects
pnpm installpnpm dev # Start all apps (parallel dev)
pnpm --filter clearify dev # Start Clearify only
pnpm --filter @cdlab996/bycut dev # Start ByCut only (port 3020)
pnpm --filter vidl dev # Start vidl only (port 3010)
pnpm --filter securec dev # Start SecureC only (port 3009)
pnpm --filter text2img dev # Start Text2Img only (port 3012)
pnpm --filter value-vision dev # Start Value Vision only (port 3011)
pnpm --filter byplay dev # Start ByPlay only (port 3016)
pnpm --filter byplay-log dev # Start ByPlay Log only (port 3017)
pnpm --filter dropply-web dev # Start Dropply Web only (port 3013)
pnpm --filter @cdlab996/live-user dev # Start LiveUser only (port 3021)
pnpm --filter repo-changelog dev # Start Repo Changelog only (port 3019)
pnpm build # Build all apps
pnpm --filter clearify run build
pnpm --filter @cdlab996/bycut run build
pnpm --filter vidl run build
pnpm --filter securec run build
pnpm --filter text2img run build
pnpm --filter value-vision run build
pnpm --filter byplay run build
pnpm --filter byplay-log run build
pnpm --filter dropply-web run build
pnpm --filter repo-changelog run build
pnpm lint # Biome lint
pnpm format # Biome format all code
pnpm clean # Clean node_modules / cache / build artifacts.
├── apps/
│ ├── bycut/ # Browser-based Video Editor
│ ├── byplay/ # Online Video Player
│ ├── byplay-log/ # ByPlay Monitoring & Analytics Service
│ ├── clearify/ # Image & Video Toolbox
│ ├── dropply-api/ # Dropply File Sharing Cloudflare API
│ ├── dropply-web/ # Dropply File Sharing Web Frontend
│ ├── live-user/ # Real-time Online User Counter
│ ├── vidl/ # Video Downloader (M3U8/HLS, MP4, etc.)
│ ├── repo-changelog/ # GitHub Release / Changelog Aggregation
│ ├── SecureC/ # Encryption Tool
│ ├── text2img/ # Text-to-Image Frontend
│ └── value-vision/ # Value Comparison / Visualization
├── packages/
│ ├── tsconfig/ # Shared TypeScript Config (@cdlab996/tsconfig)
│ ├── ui/ # Shared UI Component Library (@cdlab996/ui)
│ ├── uncrypto/ # Lightweight Crypto Library (@cdlab996/uncrypto)
│ └── utils/ # Common Utilities (@cdlab996/utils)
├── scripts/
│ └── clean.sh
├── turbo.json
├── pnpm-workspace.yaml
└── package.json
| Layer | Technology |
|---|---|
| Frontend | React + Next.js 16+ (App Router) / Vue 3 + Nuxt 4 |
| Type System | TypeScript 5 |
| UI | shadcn/ui · Tailwind CSS v4 · Nuxt UI |
| Browser APIs | WebAssembly (FFmpeg.wasm) · WebGPU · Web Workers · Streams API |
| Backend / API | Cloudflare Workers · Hono + Zod Validator |
| Database | Drizzle ORM + LibSQL / Cloudflare D1 |
| Engineering | Turborepo 2.x · pnpm 10 workspaces · Biome (Lint + Format) |