Examples
Working example applications for each framework.
Layermetry keeps a working example application for each supported framework. Each one embeds the image editor and the video editor with the real package.
The example applications are not public yet. This page will link to them when they are published.
| Example | Framework | How it embeds the image editor |
|---|---|---|
| Vite React | React 19.2 and Vite 5.4 | The ImageEditor React component, with a switch between the image and video editors. |
| Next.js | Next.js 14.2 and React 18.2, App Router | The React component through next/dynamic, the custom element, and mountImageEditor. |
| Vue | Vue 3.5 and Vite 7.3 | The custom element, with :props.prop and the close and export events. |
| Electron | Electron 44 and React 19.2 | The React component in a desktop application, served from a local web server, with native save dialogs. |
| Laravel | Laravel 13 and Livewire 4 | The custom element in a Blade view, protected from Livewire updates with wire:ignore. |
| Rails | Rails 8.1 and Turbo | The custom element, kept across Turbo visits with data-turbo-permanent. |
| Blazor | .NET 9, static server rendering | The custom element, kept across enhanced navigation with data-permanent. |
The framework guides of these docs show the same integrations in short, tested examples. See Frameworks.