---
title: "Frameworks · Leiho"
description: "Leiho works with any front end that can load a small script. Each guide below is the same setup the plugin walks you through, written for your framework."
url: https://leiho.dev/frameworks
lang: en
updated: 2026-11-04
---
Frameworks

# Keep your framework. Add one line per field.

Leiho works with any front end that can load a small script. Each guide below is the same setup the plugin walks you through, written for your framework.

### [Next.js](https://leiho.dev/frameworks/nextjs)

Keep the App Router, your components and your hosting. Leiho adds a client component to your layout and one spread per editable element.

Read the guide →

### [Astro](https://leiho.dev/frameworks/astro)

Static or server output, Leiho fits both: one request to the content API per build, and a script that only loads inside the editor.

Read the guide →

### [Nuxt](https://leiho.dev/frameworks/nuxt)

A client plugin loads the bridge, a server route serves each page, and v-bind writes the attributes on your elements.

Read the guide →

### [SvelteKit](https://leiho.dev/frameworks/sveltekit)

Load pages in +page.server.ts, start the bridge from the root layout, spread field() on your elements.

Read the guide →

### [React](https://leiho.dev/frameworks/react)

React with Vite, Remix or React Router: one component next to your app, and field() on what editors should change.

Read the guide →

### [HTML, PHP and others](https://leiho.dev/frameworks/html)

Plain HTML, PHP, Eleventy, Hugo: copy the bridge to your public folder and write the attributes by hand.

Read the guide →

## Edit the real site.

Free and open source. Try it on a real WordPress, in your browser.

- [Try it in your browser](https://leiho.dev/try)
- [View on GitHub](https://github.com/pixelersagency/leiho)