Make your Hydrogen components visually editable
Developers expose their own React and Hydrogen components to Weaverse with schema-driven controls. Non-developers then compose pages from approved, on-brand building blocks.
Bring your own components
Register the React/Hydrogen components you already build. Weaverse makes them available in the visual editor instead of forcing a fixed set of generic blocks.
- Use your existing React/Hydrogen components
- Keep storefront logic and styling in code
- Components stay in your own codebase
Define what is editable
Declare component props and schemas so the team gets exactly the controls you intend — nothing more, nothing less.
- Type-safe schemas describe editable props
- Expose only the controls you want to expose
- Guardrails keep pages on-brand
Compose without breaking things
Non-developers assemble pages from approved components, so marketing moves fast while the design system stays intact.
The core difference from generic builders
Weaverse turns your own Hydrogen components into the building blocks, so the visual editor reflects your real storefront and design system.
Frequently asked questions
Can I use my own React components?
Yes. You register your own React/Hydrogen components and they become available as editable building blocks in Weaverse.
How do I control what is editable?
You declare component props and schemas in code, which define exactly which controls appear in the visual editor.
Does this keep my design system intact?
Yes. Storefront logic and styling stay in code, so non-developers compose pages from approved, on-brand components.
Keep exploring
Need a senior Hydrogen team?
Weaverse builds Shopify Hydrogen storefronts, with scope, delivery and launch support agreed in a written statement of work.
- Pull-request workflow
- Written statement of work
- Launch support by agreement
Ready to build with
Weaverse?
The visual CMS and editor layer for Shopify Hydrogen storefronts.