Skip to content

Supported Frameworks and Libraries

The plugin loader works in any frontend stack, but loading a script by hand and cleaning it up on unmount is awkward inside a component-based framework. These packages wrap the loader in a component that follows your framework's lifecycle, so the editor mounts and tears down with the component that holds it.

All packages are TypeScript ready and take the same TOPOL_OPTIONS configuration as the plain loader, so anything in this guide applies whichever one you pick.

PackageFramework
@topol.io/editorPlain JavaScript or TypeScript
@topol.io/editor-reactReact
@topol.io/editor-vueVue
@topol.io/editor-svelteSvelte
@topol.io/editor-angularAngular

Installation and usage for each package are documented in its npm README. For Next.js there is a dedicated walkthrough in Next.js integration.

WARNING

These packages are still on 0.x versions, which means minor releases can carry breaking changes. Pin the version you integrate against and read the release notes before upgrading.