Klippy

Features

Klippy is a privacy‑first browser editor. Everything runs locally in your tab: preview, timeline, and export via WebAssembly. Optional server routes proxy stock media so your keys are never exposed.

1) Project & storage

  • Auto‑save to IndexedDB; projects persist between sessions.
  • Import/Export project as .klippy.json; export full bundle (JSON + assets).
  • Storage tools at /storage to inspect quotas and clear caches.

2) Media intake

Local uploads

  • Drag & drop anywhere or use the Media panel upload.
  • Accepted: video/*, audio/*, image/*, plus .gif, .webp, .apng.

Stock media (optional)

  • Pexels images/videos via /api/pexels/*.
  • Tenor GIFs/Stickers/Clips via /api/tenor/search and /api/tenor/proxy.
  • Meme videos/sounds via /api/meme/videos and /api/meme/sounds.

3) Timeline editing

  • Rows for video, images, audio, text, zooms, and transitions.
  • Drag to move; resize clip ends; row reordering via handles.
  • Snapping with visual guides; gap removal tools.
  • Zoom controls, scroll sync, and virtualization for large projects.
  • Keyboard: Space (play/pause), arrows (±1s / ±10s), S (split), D (duplicate), Delete (remove), Undo/Redo.

4) Preview & properties

  • Real‑time preview using a React player; scrub or click timeline.
  • Properties panel for transform (position/size/rotation), opacity, z‑index, and audio volume.
  • Playback speed per clip and include‑in‑merge toggle for compositing workflows.

5) Panels

Text & Emojis

  • Add text layers with styling controls.
  • 700+ animated emojis/stickers; drag to the canvas or timeline.

Effects & Transitions

  • Visual effects (e.g., bloom, crop edges) with editable parameters.
  • Transitions between clips with adjustable timings.

Captions & Transcript

  • Captions panel to manage tracks and styles.
  • Transcript panel for word‑level edits and quick b‑roll insertion (Tenor integration).
  • Import SRT/word timings or generate via configured services (optional).

Recording

  • Screen/camera recording with PiP layouts and hotkeys.
  • Segment mode for takes; auto‑add results to the timeline.
  • Optional auto‑captions after recording.

TTS

  • Generate voiceovers in the TTS panel (provider‑specific setup required if used).

6) Export

  • Browser‑only export with FFmpeg WASM: MP4, WebM, GIF.
  • Fast vs Quality modes; GIF duration safeguards.
  • Transparent/overlay workflow via a canvas‑based path (for stickers/overlays).
  • Service Worker pre‑caches WASM/assets in production; update toast on new versions.

7) Mobile & accessibility

  • Responsive editor with mobile panels and compact timeline.
  • Adaptive virtualization to keep memory/CPU in check on low‑RAM devices.
  • Keyboard shortcuts and focus styles for fast editing on desktop.

8) Privacy & security

  • Media stays in the browser (IndexedDB). No uploads by default.
  • API routes validate origin and apply rate limiting; keys remain server‑side.
  • CSP/Permissions‑Policy set in middleware.ts; images/media domains are allowlisted.