Roadmap
What Miraiclip does today, what is built for the next release, and what comes next.
Miraiclip is a set of packages for building video editors in the browser. This page shows what you can use today, what is built and tested for the next release, and what we are working on next. Every release is listed in the Changelog.
At a glance
| Available today | 31 features across 9 packages on npm: the editing engine, preview, export in the browser, a worker or Node, a creative toolkit, audio, templates, AI tools, and React components for building the editor UI |
| Built, in the next release | 21 more features, tested and waiting for release: screen recordings to product videos, written guides, translation, brand kits, a block registry, an embeddable player, agent skills and distributed rendering |
| Coming next | Vue and Svelte packages, the record-to-product-video demo, and Miraiclip Cloud (hosted rendering, one AI key, share pages) |
Available today
| Area | What you get | Packages |
|---|---|---|
| Editing engine | Commands, tracks, clips, undo and redo, patches and events, serialization, exact frame rates (29.97, 23.976, 59.94) and drop-frame timecode, hidden tracks | core |
| Preview and playback | WebCodecs decode, a WebGL compositor, audio-clock playback, proxy decode for 4K sources, transport events, a preview controller, on-canvas hit testing | renderer |
| Export | MP4 (H.264 + AAC) and WebM (VP9 + Opus) in the browser, in a worker or from Node, with streaming output and flat memory for long videos; still frames | renderer, server-export |
| Creative toolkit | Keyframes and animation presets, 79 effects, transitions, karaoke captions with SRT/VTT, typography, HTML clips (animated and editable) | core, renderer |
| Audio | Fades, waveform peaks, asset licenses, stock audio search with licensed import, AI sound effects, music and voice | audio-sources |
| Templates | Template fields, validation, batch rendering, a CLI, templates from finished projects | templates, server-export |
| AI | LLM tools from the command catalog, an MCP server with frame previews, an editing assistant | core, mcp, assistant |
| Build an editor | Headless editor logic (drag, trim, snapping, shortcuts, timeline geometry, media import), React providers and hooks, and unstyled components: timeline, preview, scrubber, waveform, transform box | editor, react |
| Extending | Custom effects, transitions and clip kinds that render the same everywhere | renderer |
Current versions
| Package | Version |
|---|---|
@miraiclip/core | 0.5.8 |
@miraiclip/renderer | 0.8.1 |
@miraiclip/editor | 0.2.0 |
@miraiclip/react | 0.2.0 |
@miraiclip/server-export | 0.4.3 |
@miraiclip/templates | 0.1.3 |
@miraiclip/audio-sources | 0.2.1 |
@miraiclip/assistant | 0.1.1 |
@miraiclip/mcp | 0.1.3 |
Built, in the next release
21 features are built and tested, and ship together in the next SDK release.
| Area | Feature | Packages |
|---|---|---|
| Editing engine | Clip speed and freeze frames, with audio and export parity | core, renderer, editor |
| Timeline markers for chapters, steps and guide sections | core, editor | |
| Effect regions: limit any effect to a keyframable box or ellipse (blur a password, spotlight a button) | core, renderer | |
| Self-describing plugins: custom kinds render in the browser, workers, server export and MCP | core, renderer, server-export, mcp | |
| Kind registration that is safe to repeat (hot reload, shared render workers) | core, renderer | |
| Custom clip properties, gestures as one undo step, transitions that survive no-op moves | core | |
| Agents | Claude Code plugin and skills: edit videos, talking heads, captions, launch videos, reformatting, screen tutorials | plugins/miraiclip |
Block registry: 26 ready-made blocks and miraiclip add / catalog / build | registry | |
<miraiclip-player> web component, with chapters from markers | player | |
| HTML compositions: import and export timed HTML as projects | html-composition | |
| Scripted HTML clips: GSAP, Lottie, anime.js and Web Animations, frame-exact in every renderer | renderer | |
| Screen recordings | Browser recorder (screen, mic, camera) with an interaction log, and the Capture extension | capture |
| Auto-zoom, clean cursor, click ripples, hidden private fields, step callouts | screencast | |
| Transcripts, filler and silence removal, editing by text, captions that follow cuts | transcript | |
| Narration: a script per step, AI rewrite, generated voice, fitted to the video | narration | |
| Written guides with annotated screenshots (Markdown, HTML, JSON) | guides | |
| Multipliers | Translation: one project per language, re-voiced | localize |
| Brand kits: colours, fonts, logo, caption style, intro and outro | brand | |
| Avatar presenter contract (vendor adapters later) | narration | |
| Rendering at scale | Render cost measured per output minute at 1080p30 and 4K30 | server-export |
| Distributed rendering: frame-aligned chunks on local or HTTP workers, one audio pass | server-export |
Coming next
| Item | Status |
|---|---|
| "Record → product video + guide" demo in the Editor UI kit | In progress |
@miraiclip/vue and @miraiclip/svelte: composables and components matching the React ones | Planned |
| Miraiclip Cloud: hosted render API (scales to zero, signed asset URLs) | Planned |
| Miraiclip Cloud: one key for speech-to-text, voice, translation and chat, metered | Planned |
| Miraiclip Cloud: share pages, player CDN and view analytics, plus a client package | Planned |
| Production readiness: benchmarks on reference devices, hour-long sources, overlapped audio crossfades. See Production readiness | In progress |
| Keyframes on effect parameters | Planned |
| More model vendors for the assistant, and avatar vendor adapters | Planned |
| Collaboration reference implementation (commands and patches over WebSocket). Today: Collaboration | Planned |
| Templates: repeaters, conditionals, formatters | Planned |
| Locked brand templates | Exploring |