Professional video editor in your browser — open source & libre
OsiVibe is a modern, browser-based video editor built with performance and accessibility in mind. Designed to work seamlessly across all devices — from foldable smartphones to desktop computers — OsiVibe brings professional video editing capabilities to everyone, everywhere.
Key Highlights:
- 🆓 Open Source & Libre — Free to use, modify, and distribute
- 🌐 Browser-Based — No installation required
- 📱 Responsive Design — Optimized for foldable devices, phones, tablets, and desktops
- ⚡ Hardware-Optimized — GPU/CPU detection for optimal encoding performance
- 🐇 Media Bunny — Delivers insane performance with instant media loading, zero-latency playback, and optimized stream handling for a butter-smooth editing experience
| Feature | Description |
|---|---|
| 🎬 Timeline Editing | Intuitive drag-and-drop timeline for video arrangement |
| 🎨 Modern UI | Clean, dark-themed interface with smooth animations |
| 🔄 Transitions | Built-in transition effects between clips |
| 📤 Export Options | Multiple format and quality export settings |
| 🖥️ Hardware Detection | Automatic GPU/CPU optimization for encoding |
| 📚 Media Library | Organized media management system |
| ⚙️ Properties Panel | Fine-tune clip properties and effects |
OsiVibe features a comprehensive responsive design system optimized for modern devices:
| Category | Devices |
|---|---|
| 📱 Foldables | Galaxy Z Fold 5/6, Honor Magic V3, Oppo Find N3, Pixel Fold |
| 📱 Smartphones | iPhone 15 Pro Max, iPhone SE, Galaxy S24, Pixel 8 |
| 📲 Tablets | iPad Pro, iPad Air, iPad Mini, Galaxy Tab |
| 🖥️ Desktop | All modern browsers (Chrome, Firefox, Safari, Edge) |
fold-cover: 272px │ xs: 375px │ sm: 428px │ fold-inner: 512px
md: 768px │ lg: 1024px │ xl: 1280px │ 2xl: 1536px
- Node.js 18 or higher
- npm or pnpm
# Clone the repository
git clone https://github.com/jematechnology/osivibe.git
cd osivibe
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:5173 in your browser.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm run build:prod |
Build for production (optimized) |
npm run preview |
Preview production build |
npm run lint |
Run ESLint |
osivibe/
├── public/ # Static assets & PWA files
├── src/
│ ├── components/ # React components
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Utility libraries
│ ├── store/ # Zustand state management
│ ├── types/ # TypeScript type definitions
│ └── utils/ # Helper functions
└── ...config files
| Technology | Purpose |
|---|---|
| React 18 | UI Framework |
| TypeScript | Type Safety |
| Vite | Build Tool & Dev Server |
| Tailwind CSS | Styling |
| Zustand | State Management |
| shadcn/ui | UI Components |
| FFmpeg.wasm | Video Processing |
| Radix UI | Accessible Primitives |
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
MIT License © 2025 Jema Technology
See LICENSE for more information.
- Website: jematechnology.fr
- Issues: GitHub Issues
Made with ❤️ by Jema Technology