Nyxel is public

The site, docs, blog, hosted editor, and demo storefront are now live at nyxel.dev.

Last updated: August 1, 2026

3 min read

Update, July 2026: The public demo now runs on Astro with a separate Canvas and real-route Preview. The screenshots below preserve the first public SvelteKit version.

The June 19 note was about making the editor more practical. This one is simpler: Nyxel now has a public site, docs, blog, hosted editor, and demo storefront.

nyxel.dev is live. You can read what the project is, what works in the demo, and what is still planned without needing private project context first.

Marketing homepage with hero copy and a live Editor preview

Why now

Nyxel is still a personal project and still early. The point of putting it online is not to pretend it is finished.

The point is that the work is easier to understand when there is a public version to open. The editor, schema model, preview iframe, and storefront runtime are hard to explain only through code. A hosted demo gives the project a clearer shape.

If the overlap of headless Shopify, theme-editor ergonomics, and SvelteKit is interesting to you, I would like to hear from you: andre@nyxel.dev.

Homepage

The homepage shows four views of the same project:

  • Editor
  • Components
  • schema-driven controls
  • section anatomy, comparing Liquid and Svelte
The Liquid/Svelte comparison is intentional. Nyxel is not trying to ignore Shopify theme conventions. It is asking how much of the familiar section shape — settings, markup, styles, schema — can move into Svelte without becoming a totally different authoring model.

Liquid and Svelte product-card sections side by side on the homepage

Docs

The docs got a full pass: better reading order, shorter pages, built/planned labels, and terminology that matches the editor as it exists now.

Visual Editor moved up in the sidebar because that is how people tend to explore the project: why it exists, how it is structured, then what the tool can do.

Docs introduction with rebuilt sidebar and status tables

Hosted demo

The public surfaces are:

SurfaceURLNotes
Sitenyxel.devHomepage, docs, blog
Editoreditor.nyxel.devVisual editor demo
Storefrontshop.nyxel.devReference storefront and preview routes
The hosted stack uses mock.shop for catalog data. Save persists per visitor in the public editor, but it does not publish to a merchant shop.

Other work in this pass

A few things landed around the same time:

  • an experimental Agent tool in the editor top bar
  • clearer commerce boundaries, with Hydrogen preview commerce kept in the storefront app
  • container and stack composition polish
  • Horizon-style hero media layouts
  • fluid heading sizes from theme settings
  • preview sizing and editor chrome fixes
None of that makes Nyxel complete. It just makes the public demo closer to the actual project.

Next

The next work is publishing, more starter theme polish, and Bridge — the planned Liquid companion for Shopify-native app blocks.

Start with Why Nyxel, open the docs, or try the editor.