Real components rendered with store data. AI-assisted color schemes and high-converting layouts with draft protection.
40dB Hybrid Noise Cancelling · 65H Battery
StudioPro Headset
Wireless Charging Pad
Ergonomic Desk Mat
Covering the full journey from first-screen hooks and product promotion to social proof and smooth checkout. Every section is precompiled by the native Go engine with zero runtime bloat.
Optimised for first-screen LCP, with HD video backgrounds and multiple CTAs
A high-frequency booster for winning products, with timezone awareness
Broadcasts worldwide shipping and return policy in a smooth endless loop
Deep one-to-one focus on a hero product, with one-click add to cart
Drag a section from the library to any insertion point, including inside containers and grids. Works with a mouse and with long-press on touch, and there are move up/down buttons if you would rather not drag. 59 common fields can be edited straight on the canvas. Undo/redo, copy-paste across pages and multi-select are all there.
Six families to combine freely — hero and banners, products and content, image and media, trust and explanation, marketing and conversion, basic layout. Product detail, product list, search results, article, cart, checkout and thank-you pages each have their own page template.
Core colours plus up to 8 colour schemes, 8 typefaces, size/weight/line-height, page width, section spacing, corner radius and shadow, layout density, header/footer/hero geometry, 11 product-card switches. One heading-style setting restyles the headings of 24 section types at once.
Product, collection, category, article, review, coupon and promotion sections read your actual store data — what you see while editing is what customers get. The server renders it into the first response, which search engines can read.
Saving writes to a draft; customers keep seeing the last published version. Every publish stores an immutable snapshot you can restore — restoring creates a new draft that you publish again, so nobody changes the live site with one click. If someone else edited in the meantime you get a version conflict instead of a silent overwrite.
One set of content adapts to three screens, and you can switch viewports while editing. Where phones need something different, set a separate mobile image, a separate column count, or hide a section on one breakpoint.
Switch between themes freely — each keeps its own design data, so switching back brings your edits with it.
Drag sections in, click text and images to change them, and use theme settings for anything site-wide.
Switch between desktop, tablet and phone. Mobile-specific images and column counts get set here.
Customers see it only after you publish, and the publish leaves a snapshot you can restore.
These checks run on the server, not as a front-end hint
Better said here than discovered later
Sections stack in order; dragging changes the order and the insertion point. There is no absolute positioning and no drag-to-resize.
One set of content adapts across widths. You can set a mobile image, a mobile column count or hide a section per breakpoint, but there are not two independent layouts.
A page's design data is not versioned per language, so multilingual copy needs a separate plan.
A new store comes with the home page, header, footer and theme settings on the design pipeline; other pages render from the theme's own templates.
Qingpu
The design workspace is available on the free plan — start with the home page.