Does Weaverse replace my Hydrogen storefront?

No. Weaverse is the visual CMS and editor layer on top of your Hydrogen storefront. Your React components and storefront architecture stay in your repository.

Can developers still work in code?

Yes. Developers build React/Hydrogen components and declare their editable schemas in code. Those components then appear in the visual editor for the team to use.

Non-developers can compose and update pages from the components and sections developers expose, without touching the codebase.

Visual builder

A visual builder for Shopify Hydrogen storefronts

Weaverse is the visual editor and CMS layer for Shopify Hydrogen. Marketing teams edit live pages section by section while developers keep ownership of the React storefront.

Start free Book a demo

Weaverse Studio editing a Shopify Hydrogen storefront

Edit pages without editing code

Compose and update Hydrogen pages in a familiar sections-based workspace. Add, reorder, and configure sections directly against the real page structure.

Sections-based editing on top of your Hydrogen storefront
Reorder and configure content without a deploy

Built on components developers own

Sections are your own React/Hydrogen components with declared, editable schemas. Weaverse edits structured content and the props of your own components rather than a fixed block library.

Bring your own React components and design system
Declare editable props with type-safe schemas

app/sections/featured-collections.tsx

import { createSchema } from '@weaverse/hydrogen'

export let schema = createSchema({
  type: 'featured-collections',
  title: 'Featured collections',
  settings: [
    {
      group: 'Content',
      inputs: [
        { type: 'text', name: 'heading', label: 'Heading' },
        { type: 'collection-list', name: 'collections', label: 'Collections' },
      ],
    },
    {
      group: 'Layout',
      inputs: [
        { type: 'range', name: 'gap', label: 'Items spacing' },
      ],
    },
  ],
})

Performance stays in your hands

Because the storefront stays on Hydrogen, content edits do not change your rendering architecture; performance work stays in your codebase.

Hydrogen deployments in the Shopify admin

Built for Hydrogen

Why this is different on Hydrogen

Weaverse is the CMS/editor layer for a developer-owned Hydrogen storefront: your code and components stay yours, and Weaverse manages the content on top.