GitHub - omni-media/omniclip: Open source video editing web application · GitHub
/" data-turbo-transient="true" />
Skip to content
Search or jump to...
Search code, repositories, users, issues, pull requests...
-->
Search
Clear
Search syntax tips
Provide feedback
--><br>We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
-->
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
/;ref_cta:Sign up;ref_loc:header logged out"}"<br>Sign up
Appearance settings
Resetting focus
You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
{{ message }}
omni-media
omniclip
Public
Notifications<br>You must be signed in to change notification settings
Fork<br>108
Star<br>1.4k
main
BranchesTags
Go to file
CodeOpen more actions menu
Folders and files<br>NameNameLast commit message<br>Last commit date<br>Latest commit
History<br>460 Commits<br>460 Commits
.github/workflows
.github/workflows
assets
assets
.gitignore
.gitignore
LICENSE
LICENSE
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
tsconfig.json
tsconfig.json
View all files
Repository files navigation
Omniclip 2.0 is in development!
We're actively working on the next version of Omniclip to elevate it to the next level.
Want to help shape it? Join the discussion on our Discord.
Open source video editing web application
Introduction
Omniclip is a free and open source video editor that runs entirely in your browser. It requires no accounts, stores everything on your device, and never uploads your files.
Designed for privacy, speed, and flexibility — it gives you full editing control without relying on cloud services or subscriptions. You can use it directly, or embed its components into your own web projects.
Omniclip uses modern browser APIs like WebCodecs to achieve high performance rendering — directly in the browser.
⚠️ Because of this, it may not work properly on older browsers or devices that don’t support these newer technologies.
Features
Omniclip is an actively maintained project with emerging features.
Trimming
Splitting
Supports - Text, Audio, Video (mp4, mov and much more) and Images
Clip editing on preview - rotating, resizing, text styling and more
Undo/Redo
Render in different resolutions, up to 4k.
Project manager - panel where you can choose from your saved projects, instead just one
Transitions - Applying transitions between video clips for smooth visual effects
Effects - filters
Choose from various timebases ranging from 10-120 fps
Collaboration (web rtc)
To be added
Audio Editing - Adjusting volume etc
Speech to text
Keyframes
How to
Use omniclip components in your app:
Install omniclip:
npm install omniclip
Import components and register them to the dom
import {getComponents, registerElements} from 'omniclip'<br>registerElements(getComponents())
Simply put the components you would like to use, or all components for whole experience:
">omni-text>omni-text><br>omni-media>omni-media><br>omni-timeline>omni-timeline>
Use omniclip tools:
Soon, Omniclip will be powered by Omni Tools — a programmatic engine for creating timelines from code, automating rendering, and integrating with AI or scripting workflows.
⚠️ Note: Omni Tools is still in early development, but it's shaping up to be a powerful foundation for building videos without a UI.
Contributing
Contributing is vital part of this project, so feel free to help and build this awesome video editor together, simply choose the issue you feel like working on and if you are done make a pull request.<br>to ease communiaction, its best to join my discord server: https://discord.gg/Nr8t9s5wSM
Development:
To start contirbuting you need to do those steps first:
Clone the repository: git clone git@github.com:omni-media/omniclip.git or fork it
Install the dependencies: npm install
Build the project: npm run build
Start developing!: npm start
Project architecture
This project leverages the following key components for managing application state:
State
Actions
Controllers
Components/Views
The architecture follows a unidirectional data flow model, where data flows in a single direction from actions to state and from state to components.
Tech Stack
Typescript
@benev/slate
Contact/Sponsorship
If you are willing to help this project by sponsoring it or have some other questions:
discord: zenkyu
gmail: przemekgg2002@gmail.com
License
This project is licensed under the MIT License - see the LICENSE file for details.
About
Open source video editing web application
omniclip.app/
Resources
Readme
License
MIT license
Uh...