COMING SOONWe're putting on the finishing touches — check back for updates.

Point at any part of your site.Change it.

A visual editing layer for React and Next.js. Developers wrap components; editors click to change copy, images, and layout — on the real page, not a form.

🔒lumen-linen.com/shop

edit mode·

LUMEN LINENShopJournalCart (0)

Summer Collection '26

Linen shirts cut for warm weather, dyed in small batches.

Rafa Shirt

$148

Selo Overshirt

$168

Agua Short

$98

Saved to draft · hero-title

FOR DEVELOPERS

Ten minutes from install to editable.

Wrap your existing components in a single provider. Customize the editable fields however you need.

SSR-safe
Works with Next.js App Router and server components.
Type-safe
Your component props ARE the content schema.

1'use client'

2import { Typography } from '@mui/material'

3import { createEditable, field } from '@voodoo-edit/voodoo-react/client'

5// Works with any component. MUI, shadcn, your own.

6export const HeroTitle = createEditable(Typography, {

7 children: field.text('Title', { key: 'text', default: 'Hello' }),

8 variant: field.select(

9 [{ value: 'h1', label: 'Large' }, { value: 'h2', label: 'Medium' }],

10 'Size',

11 { key: 'variant' },

12 ),

13})

Built so both sides actually want to use it.

EDITORS

Click to edit. That's the whole onboarding.

If you can use a word processor, you can use Voodoo Edit. No field names, no tree view.

EDITORS

Work in drafts. See it before you ship.

Changes save to a draft. Check them on your real site, then publish when they're ready.

DEVELOPERS

Your props are the schema.

No second codebase to maintain. Change a component — the editor updates.