# HyperMultimedia v2: open-source Tiptap 3 media extension

**URL:** <https://discuss.prosemirror.net/t/hypermultimedia-v2-open-source-tiptap-3-media-extension/9083>\
**Category:** Show\
**Created:** [September 15, 2026, 7:18am UTC](https://discuss.prosemirror.net/t/hypermultimedia-v2-open-source-tiptap-3-media-extension/9083 "2026-09-15T07:18:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![HMarzban](https://discuss.prosemirror.net/user_avatar/discuss.prosemirror.net/hmarzban/32/3119_2.png) [@HMarzban](https://discuss.prosemirror.net/u/HMarzban)\
**Post date:** [September 15, 2026, 7:18am UTC](https://discuss.prosemirror.net/t/hypermultimedia-v2-open-source-tiptap-3-media-extension/9083/1 "2026-09-15T07:18:46Z")

</div>

Hi everyone,

I’m very happy to share **v2 of `@docs.plus/extension-hypermultimedia`** , an open-source multimedia extension for Tiptap 3.

![HyperMultimedia media toolbar and resize controls](https://raw.githubusercontent.com/docs-plus/docs.plus/main/extensions/extension-hypermultimedia/assets/preview-light.png)

Embedding media involves more than rendering an image or iframe. It also requires URL detection, paste handling, loading states, captions, resizing, editing controls, and keeping embedded player interactions usable.

HyperMultimedia brings these pieces together through one configurable kit.

### Key features

- Nine media nodes: image, audio, video, YouTube, Vimeo, SoundCloud, Spotify, X, and Loom
- Automatic embeds when supported provider URLs are pasted
- A shared toolbar for alignment, captions, URL replacement, copying, downloading, and deleting
- Persistent drag-to-resize for eight nodes, with aspect-ratio locking
- Size presets for X posts
- Editable captions and responsive loading states
- Customizable toolbar, actions, icons, and loading shell
- Light and dark theme support
- Optional Markdown import and export
- One `HyperMultimediaKit.configure()` call to add all nine nodes

Version 2 also introduces **Spotify and Loom embeds** , camelCase node names, X support replacing Twitter, and a rebuilt media toolbar.

Install the Tiptap multimedia extension:

```bash
npm install @docs.plus/extension-hypermultimedia

```

- [Try the live HyperMultimedia demo](https://docs.plus/extension-hypermultimedia)
- [Install @docs.plus/extension-hypermultimedia from npm](https://www.npmjs.com/package/@docs.plus/extension-hypermultimedia)
- [Read the source code and documentation on GitHub](https://github.com/docs-plus/docs.plus/tree/main/extensions/extension-hypermultimedia)
- [Watch the HyperMultimedia v2 demo in the Tiptap Discord community](https://discord.com/channels/818568566479257641/1548977633503485972)
- [See the related Hyperlink v2 extension](https://discuss.prosemirror.net/t/hyperlink-v2-open-source-tiptap-3-link-extension-with-autolink-and-popovers/9079)

I’d be very happy to hear feedback from the community, especially about the NodeView behavior, resize persistence, media toolbar interactions, and paste precedence with link extensions.

If you try it and need help with the integration, feel free to reply here or message me.