Editor UI kit
The React video editor at react.miraiclip.com, as source you own. $199, one-time.
A complete video editor UI built on Miraiclip SDK. It's the editor running at react.miraiclip.com: open it, edit the launch film, export it.
Live demo React · add-on
Editor UI kit
The full source of the React video editor at react.miraiclip.com, built on Miraiclip SDK. Rebrand it and ship it in your product.
$199
one-time · lifetime updates
- Full source: React 18, TypeScript, Vite, Tailwind
- Timeline, preview, export, captions, audio, effects, transitions and animation
- 67 templates, a code editor for HTML blocks and an AI assistant
- 8 themes in light and dark, plus your own name, logo and accent
- Private GitHub repo with lifetime updates
- Customer role on Discord
The kit is the UI. Commercial use also needs the SDK plan for your company size.
What's in it
| Area | What you get |
|---|---|
| Editing | Multi-track timeline (move, trim, split, duplicate, delete, snapping), undo and redo, a live preview with volume and full screen. |
| Text | 114 text styles, a font picker (Google Fonts, uploads, installed fonts), captions with word timing. |
| Media and audio | Import and record, an audio library (bundled CC0 tracks, Openverse, optional Freesound), AI audio generation (ElevenLabs, with your key). |
| Creative | The 79 library effects, transitions on cuts, In / Loop / Out animation presets. |
| Templates | 67 templates (29 motion templates, 38 layouts) in 16:9, 9:16 and 1:1, plus saving your own. |
| HTML blocks | A code editor (CodeMirror 6) for HTML + CSS blocks with live preview and {{placeholder}} fields. |
| AI | An assistant that edits the timeline in plain words, one undo step per request. Connect your own model (OpenAI or any OpenAI-compatible server). |
| Export | MP4 or WebM in the browser with progress and cancel, project save and open as JSON. |
| Branding | 8 themes, each light and dark, plus your product name, logo and accent in one config file. |
Themes
The same editor in four of its eight themes:
Stack
| Part | Details |
|---|---|
| UI | React 18, TypeScript, Vite, Tailwind (CSS-variable theming) |
| Engine | @miraiclip/core, @miraiclip/renderer, @miraiclip/templates, @miraiclip/audio-sources, @miraiclip/assistant |
| Engine adapter | src/engine/: one folder between the UI and the SDK |
| Server routes | Vite dev-server plugins for media uploads, audio generation and the assistant model. Move them behind your backend for production. |
After you buy
- Polar's confirmation page and receipt email show your license key and ask you to connect GitHub and Discord.
- Connect GitHub, accept the invite to the private repo, then:
git clone https://github.com/comaniacs/miraiclip-react-template.git
cd miraiclip-react-template
npm install
npm run dev # http://localhost:5173- Set your name, logo and theme in
src/whitelabel.config.ts. - Optional keys in
.env.local:OPENAI_API_KEY(assistant),ELEVENLABS_API_KEY(audio generation),FREESOUND_TOKEN(Freesound search).
Updates land in the same repo: git pull to get them.
Licensing
| Term | Details |
|---|---|
| Price | $199 once. Lifetime access to updates. |
| SDK | Not included. The kit runs on Miraiclip SDK, so commercial use also needs the SDK plan for your company size. Companies of up to 3 people use the SDK for free. |
| Redistribution | Ship the editor inside your products. Reselling or republishing the kit's source isn't allowed. |
Not sure yet?
Everything on this page runs at react.miraiclip.com. Questions: Discord.