[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-11198":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":9,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":9,"createdAt":9,"pushedAt":9,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":16,"starSnapshotCount":16,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},11198,"openreel-video","Augani\u002Fopenreel-video","Augani","OpenReel Video - Professional browser-based video editor. Open source CapCut alternative. 100% browser-based, no installation, no cloud uploads, no watermarks.",null,"https:\u002F\u002Fgithub.com\u002FAugani\u002Fopenreel-video","TypeScript",3424,475,21,8,0,42,131,249,126,107.03,false,"main","2026-06-12 04:00:54","# OpenReel Video\n\n> **The open source CapCut alternative. Professional video editing in your browser. No uploads. No installs. 100% open source.**\n\nOpenReel Video is a fully-featured browser-based video editor that runs entirely client-side. Built with React, TypeScript, WebCodecs, and WebGPU for professional-grade video editing without the need for expensive software or cloud processing.\n\n**[Try it Live](https:\u002F\u002Fopenreel.video)** | **[Documentation](CONTRIBUTING.md)** | **[Discussions](https:\u002F\u002Fgithub.com\u002FAugani\u002Fopenreel-video\u002Fdiscussions)** | **[Twitter](https:\u002F\u002Fx.com\u002Fpython_xi)**\n\n![OpenReel Editor](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLines%20of%20Code-130k+-blue) ![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-green) ![Status](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FStatus-Beta-orange) ![Open Source](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FOpen%20Source-100%25-brightgreen)\n\n---\n\n## Why OpenReel?\n\n- **100% Client-Side** - Your videos never leave your device. No uploads, no cloud processing, complete privacy.\n- **No Installation** - Works in Chrome\u002FEdge. Just open and start editing.\n- **Professional Features** - Multi-track timeline, keyframe animations, color grading, audio effects, and more.\n- **GPU Accelerated** - WebGPU and WebCodecs for smooth 4K editing and fast exports.\n- **Free Forever** - MIT licensed, no subscriptions, no watermarks.\n\n---\n\n## Features\n\n### Video Editing\n- **Multi-track timeline** - Unlimited video, audio, image, text, and graphics tracks\n- **Real-time preview** - Smooth playback with GPU acceleration\n- **Precision editing** - Frame-accurate scrubbing, cut, trim, split, ripple delete\n- **Transitions** - Crossfade, dip to black\u002Fwhite, wipe, slide effects\n- **Video effects** - Brightness, contrast, saturation, blur, sharpen, glow, vignette, chroma key\n- **Blend modes** - Multiply, screen, overlay, add, subtract, and more\n- **Speed control** - 0.25x to 4x with audio pitch preservation\n- **Crop & transform** - Position, scale, rotation with 3D perspective\n\n### Graphics & Text\n- **Professional text editor** - Rich styling, shadows, outlines, gradients\n- **20+ text animations** - Typewriter, fade, slide, bounce, pop, elastic, glitch\n- **Karaoke-style subtitles** - Word-by-word highlighting synced to audio\n- **Shape tools** - Rectangle, circle, arrow, polygon, star with fill\u002Fstroke\n- **SVG support** - Import SVGs with color tinting and animations\n- **Stickers & emoji** - Built-in library\n- **Background generator** - Solid colors, gradients, mesh gradients, patterns\n- **Keyframe animations** - Animate any property over time with 20+ easing curves\n\n### Audio\n- **Multi-track mixing** - Unlimited audio tracks with real-time mixing\n- **Waveform visualization** - Visual audio editing\n- **Audio effects** - EQ, compressor, reverb, delay, chorus, flanger, distortion\n- **Volume & panning** - Per-clip controls with fade in\u002Fout\n- **Beat detection** - Auto-generate markers synced to music\n- **Audio ducking** - Auto-reduce music when dialog plays\n- **Noise reduction** - 3-pass noise removal (tonal, broadband, rumble)\n\n### Color Grading\n- **Color wheels** - Lift, gamma, gain controls\n- **HSL adjustments** - Hue, saturation, lightness fine-tuning\n- **Curves editor** - RGB and individual channel curves\n- **LUT support** - Import and apply 3D LUTs\n- **Built-in presets** - One-click color grading\n\n### Export\n- **MP4 (H.264\u002FH.265)** - Universal compatibility\n- **WebM (VP8\u002FVP9\u002FAV1)** - Web-optimized format\n- **ProRes** - Professional intermediate format (Proxy, LT, Standard, HQ, 4444)\n- **Quality presets** - 4K @ 60fps, 1080p, 720p, 480p\n- **Custom settings** - Bitrate, frame rate, codec options, color depth\n- **Hardware encoding** - WebCodecs for fast exports\n- **AI upscaling** - Enhance resolution with WebGPU shaders\n- **Audio export** - MP3, WAV, AAC, FLAC, OGG\n- **Image sequences** - JPG, PNG, WebP frame export\n- **Progress tracking** - Real-time progress with cancel support\n\n### Professional Tools\n- **Unlimited undo\u002Fredo** - Full history with recovery\n- **Auto-save** - Never lose work (IndexedDB storage)\n- **Keyboard shortcuts** - Professional workflow\n- **Snap to grid** - Magnetic alignment\n- **Track management** - Show\u002Fhide, lock\u002Funlock, reorder\n- **Subtitle support** - SRT import with customizable styling\n- **Screen recording** - Record screen, camera, or both\n- **Project sharing** - Export\u002Fimport project files\n\n### Performance\n- **WebGPU rendering** - GPU-accelerated compositing\n- **WebCodecs API** - Hardware video decoding\u002Fencoding\n- **Frame caching** - LRU cache for smooth playback\n- **Web Workers** - Background processing\n- **4K support** - Edit and export in 4K resolution\n\n---\n\n## Quick Start\n\n### Try Online\nVisit **[openreel.video](https:\u002F\u002Fopenreel.video)** to start editing immediately.\n\n### Run Locally\n\n```bash\n# Clone the repository\ngit clone https:\u002F\u002Fgithub.com\u002FAugani\u002Fopenreel-video.git\ncd openreel-video\n\n# Install dependencies (requires Node.js 18+)\npnpm install\n\n# Start development server\npnpm dev\n\n# Open http:\u002F\u002Flocalhost:5173\n```\n\n### Build for Production\n\n```bash\npnpm build\npnpm preview\n```\n\n---\n\n## Browser Requirements\n\n| Browser | Version | Status |\n|---------|---------|--------|\n| Chrome | 94+ | Full support |\n| Edge | 94+ | Full support |\n| Firefox | 130+ | Full support |\n| Safari | 16.4+ | Full support |\n\nAll major browsers now support WebCodecs for hardware-accelerated video encoding\u002Fdecoding.\n\n**Recommended:**\n- 8GB+ RAM\n- Dedicated GPU for 4K editing\n- Modern multi-core CPU\n\n---\n\n## Architecture\n\n### Monorepo Structure\n\n```\nopenreel\u002F\n├── apps\u002Fweb\u002F              # React frontend (~66k lines)\n│   └── src\u002F\n│       ├── components\u002F    # UI components\n│       │   └── editor\u002F    # Editor panels (Timeline, Preview, Inspector)\n│       ├── stores\u002F        # Zustand state management\n│       ├── services\u002F      # Auto-save, shortcuts, screen recording\n│       └── bridges\u002F       # Engine coordination\n│\n└── packages\u002Fcore\u002F         # Core engines (~59k lines)\n    └── src\u002F\n        ├── video\u002F         # Video processing, WebGPU rendering\n        ├── audio\u002F         # Web Audio API, effects, beat detection\n        ├── graphics\u002F      # Canvas\u002FTHREE.js, shapes, SVG\n        ├── text\u002F          # Text rendering, animations\n        ├── export\u002F        # MP4\u002FWebM encoding\n        └── storage\u002F       # IndexedDB, serialization\n```\n\n### Key Technologies\n\n- **React 18** + **TypeScript** - Type-safe UI\n- **Zustand** - Lightweight state management\n- **MediaBunny** - Video\u002Faudio processing\n- **WebCodecs** - Hardware encoding\u002Fdecoding\n- **WebGPU** - GPU-accelerated rendering\n- **Web Audio API** - Professional audio processing\n- **THREE.js** - 3D transforms and effects\n- **IndexedDB** - Local project storage\n\n### Design Principles\n\n- **Action-based editing** - Every edit is an undoable action\n- **Immutable state** - Predictable updates with Zustand\n- **Engine separation** - Video, audio, graphics engines are independent\n- **Progressive enhancement** - Graceful fallbacks (WebGPU → Canvas2D)\n\n---\n\n## AI-Managed Development\n\nOpenReel is an experiment in AI-assisted open source development. Claude AI helps manage:\n\n- **Issue triage** - Reviews and responds to issues\n- **Code implementation** - Writes features and fixes bugs\n- **Code review** - Maintains quality standards\n- **Documentation** - Keeps docs up to date\n\nHuman oversight from Augustus ensures strategic direction and final approval on major changes. All code is public, tested, and follows best practices.\n\n**What this means for contributors:**\n- Issues get reviewed quickly (usually within 24 hours)\n- Bug fixes ship fast\n- Clear, detailed responses to questions\n- High code quality standards\n\n---\n\n## Contributing\n\nWe welcome contributions! See [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines.\n\n**Ways to contribute:**\n- Report bugs with reproduction steps\n- Suggest features in Discussions\n- Submit PRs for bugs or features\n- Improve documentation\n- Write tests\n- Share effect presets\n\n**Development workflow:**\n```bash\n# Fork and clone\ngit clone https:\u002F\u002Fgithub.com\u002FAugani\u002Fopenreel-video.git\n\n# Create feature branch\ngit checkout -b feat\u002Fyour-feature\n\n# Make changes, then test\npnpm typecheck\npnpm test\npnpm lint\n\n# Commit with conventional commits\ngit commit -m \"feat: add your feature\"\n\n# Push and open PR\ngit push origin feat\u002Fyour-feature\n```\n\n---\n\n## Roadmap\n\n### Completed\n- Multi-track timeline with drag-and-drop\n- Real-time video preview with GPU acceleration\n- Full editing suite (cut, trim, split, transitions)\n- Text editor with 20+ animations\n- Graphics (shapes, SVG, stickers, backgrounds)\n- Audio mixing with effects and beat detection\n- Color grading with LUT support\n- Keyframe animation system\n- Export to MP4\u002FWebM (4K supported)\n- Screen recording\n- AI upscaling\n- Undo\u002Fredo with auto-save\n\n### In Progress\n- Nested sequences (timeline in timeline)\n- Motion tracking\n- More export formats (ProRes, GIF)\n- Plugin system\n\n### Planned\n- Adjustment layers\n- Advanced masking\n- Audio spectral editing\n- Collaborative editing\n- Mobile optimization\n\n---\n\n## License\n\nMIT License - Use freely for personal and commercial projects.\n\nSee [LICENSE](LICENSE) for details.\n\n---\n\n## Acknowledgments\n\n**Built with:**\n- [MediaBunny](https:\u002F\u002Fmediabunny.dev) - Media processing\n- [React](https:\u002F\u002Freact.dev) - UI framework\n- [Zustand](https:\u002F\u002Fzustand-demo.pmnd.rs\u002F) - State management\n- [THREE.js](https:\u002F\u002Fthreejs.org) - 3D rendering\n- [TailwindCSS](https:\u002F\u002Ftailwindcss.com) - Styling\n\n**Inspired by:**\n- DaVinci Resolve - Professional tools done right\n- CapCut - Accessible editing for everyone\n- Figma - Browser-based professional software\n\n---\n\n## Support\n\n- **GitHub Issues** - Bug reports and feature requests\n- **GitHub Discussions** - Questions and community chat\n- **Twitter\u002FX** - [@python_xi](https:\u002F\u002Fx.com\u002Fpython_xi)\n\n---\n\n**Built with care by [@python_xi](https:\u002F\u002Fx.com\u002Fpython_xi) and AI working together.**\n\n*Making professional video editing accessible to everyone. Forever free. Forever open source.*\n","OpenReel Video 是一个专业的基于浏览器的视频编辑器，提供开源的 CapCut 替代方案。项目使用 React、TypeScript、WebCodecs 和 WebGPU 等现代前端技术构建，支持多轨道时间线、关键帧动画、色彩校正、音频效果等专业级功能，并且完全在客户端运行，无需上传视频到云端或安装软件。其适用于需要保护隐私、追求高效便捷的专业视频编辑场景，如自媒体内容创作、在线教育课程制作等。由于整个编辑过程都在本地进行，用户可以享受到流畅的4K视频编辑体验和快速导出服务，同时保持数据安全。",2,"2026-06-11 03:31:18","trending"]