Read the Auvyx guide, then build a Fall ’26 release page with our components.
Everything new for sites that build themselves
Composable
58 components and 12 presets, drawn the same in the editor and on the site
1 guide is all an agent reads before it builds
GET /auvyx/ai/api.md
POST /pages
POST /pages/12
version: 3
publish: true
→ 200 version 4
5,000 elements per page, 64 levels deep
62 updates · 10 chapters · hover to explore
01
Delivery
02
Agentic
03
Studio
04
Data
05
Auvyx UI
06
Themes
07
Auvyx Mono
08
Commerce
09
Pro & Cloud
10
Flowsus
01
Delivery
02
Agentic
03
Studio
04
Data
05
Auvyx UI
06
Themes
07
Auvyx Mono
08
Commerce
09
Pro & Cloud
10
Flowsus
01 · 9 updates
Delivery
How Auvyx delivers software
Four stages, one team. Each stage ends with something you can hold, so you always know where the work stands.
01
Clarify the job
Discover
We get close to the customer, team and workflow before deciding what belongs in the product.
→ A shared problem statement
02
Design the useful version
Define
We turn the essential workflow into a product plan, interface and technical path your team can see.
→ A practical delivery plan
03
Build and integrate
Deliver
We ship the product and connect the payment, data and operating systems that make it useful.
→ Working software in your hands
04
Keep the momentum
Improve
After release, we use what the work teaches us to improve the system with purpose.
→ A focused next release
Notes
[1]
The same method built Auvyx Builder, Auvyx UI and Auvyx Mono.
[2]
And this page.
01 / 08
Payments & integrations: Stripe, Airwallex, PayPal and the systems around them.
02 / 08
Websites & digital presence: fast, distinctive pages with a practical conversion path.
03 / 08
SaaS product delivery: from product definition through launch, on a foundation that survives the first year.
04 / 08
Custom systems: the workflow, interface and integrations designed around your team.
05 / 08
AI integration: support copilots, document intelligence, workflow automation and retrieval on your own data.
06 / 08
One team carries the work from the first question through release, so nothing gets lost between hand-offs.
07 / 08
We run products of our own, so we build for what happens after launch: the support, the edge cases, the second year.
08 / 08
Share the context, not a perfect brief. We reply within two business days with the most useful next step.
02 · 8 updates
Agentic
Build skill for any agent
Give Claude, ChatGPT or any agent one guide and a token. It reads your design, your products and your content, then builds real pages with your own components.
Notes
[1]
The guide lives at /auvyx/ai/api.md on the admin address and is read with the same token.
[2]
This page was built that way.
01 / 04
Any provider: OpenAI, Anthropic, Gemini, OpenRouter, Mistral, Ollama or any OpenAI-compatible API, with the site’s own key.
02 / 04
The Auvyx MCP server lets a customer’s own AI build with Auvyx, with scoped access and safe writes.
03 / 04
Every page an agent makes stays a draft until someone publishes it.
04 / 04
Errors come back in plain words, so an agent fixes its own request and tries again.
Pages over HTTP
Create, read, save and publish a page with plain JSON. Visitors see it at its slug only once it is published.
zsh — auvyx
curl -X POST $API/pages \
-H "Authorization: Bearer $TOKEN" \
-d '{"title": "Fall 26", "layout": "page"}'
→ {"id": 12, "slug": "fall-26", "status": "draft"}
curl -X POST $API/pages/12 \
-d '{"document": {...}, "version": 3, "publish": true}'
→ {"version": 4}$ publish --watch
Agents that check their work
A stale save stops with 409 instead of overwriting someone, and the agent reads the page again before it retries.
agent · auvyx-builder
GET design0.2s
Tokens, brief and the Auvyx UI preset.- GET content?type=product0.3s
POST pages0.4s
Created page 12 as a draft.POST pages/12 · version 3409
Someone saved first. Reading it again.- POST pages/12 · version 4
- Publish
Agents that use your design system
Agents place Auvyx UI components by their props, so what they build matches what you build by hand.
{
"kind": "Raw",
"blockName": "auvyx/ui",
"raw": "<!-- wp:auvyx/ui {\"c\":\"tabs\", ... } /-->"
}Drawn by the site, from props.
Same in the editor.
Same on every theme.
03 · 7 updates
Studio
Edit the real page
Auvyx Studio is a full-screen editor on the page itself: layers, presets, styles for every breakpoint and state, auto layout, undo, redo and autosave.
auvyx.org — every page
Drafts beside what is live
Save as often as you like. What is live stays live until you publish the draft.
Live
v4
What visitors see right now
Draft
v5
Your next change, saved beside it
Saves that never overwrite
Every save carries the version it was made from. If someone saved first, it stops and asks you to read again.
pages/12
| Version | Saved by | Result |
|---|---|---|
| 3 | Editor | Saved |
| 3 | Agent | 409 · read again |
| 4 | Agent | Saved |
01 / 04
Theme Builder: headers and footers with display conditions.
02 / 04
Forms that email each message, with entries and a CSV export.
03 / 04
Content is standard blocks, so it stays when the plugin is turned off.
04 / 04
A fast front end: only the CSS a page uses, and no JavaScript unless a block needs it.
04 · 7 updates
Data
Pages that fill themselves
A loop repeats one card for each product, post or entry. Bind its picture, title, price and link to fields, and it stays current on its own.
bind · featured_image → url · post_title → content · product_price → content
Notes
[1]
What you type in a card is only the placeholder.
[2]
Up to 50 items per loop.
Synced blocks
Design a block once and use it on many pages. Change it and every page follows.
/home
Synced block
/editions
Synced block
/pricing
Synced block
Know where it is used
Every block lists the pages that use it, before you change or delete it.
01 / 04
Order products by date, popularity or your own order; show only what is on sale.
02 / 04
Read an external API as a data source and loop over its items.
03 / 04
Your own content types, with fields and terms, created and updated by API.
04 / 04
A refused entry answers with every problem at once.
05 · 7 updates
Auvyx UI
A design system you can drop in
Plain HTML and CSS classes with the shadcn/ui look, optional JavaScript and no build step. 58 components drawn the same in the editor and on the site.
Auvyx UI · 58 components
New
Improved
Preview
Breaking
Every component inside switches to dark colours.
You fill in the props. The site draws the component.
The inspector edits the same props afterwards.
Styles and presets restyle it everywhere.
Can I restyle a component?
Place it with a layout; Auvyx UI decides its look.
How many items in a list?
Up to 50.
Conversation components
Messages, bubbles, attachments and traces: the parts of a chat or assistant, ready for any page.
support
Your order has shipped and should arrive on Thursday.
Perfect, thank you!
Calendars and data
Single or multiple dates, ranges, data tables and scroll areas.
booking
01 / 04
Use it from a CDN, from npm (@auvyx/ui) or copy components with the CLI: npx @auvyx/cli add.
02 / 04
A zero-JavaScript path on native browser features; small vanilla JavaScript only where behaviour needs it.
03 / 04
A Web Components edition with TypeScript, React and Vue types; blocks also ship as React components.
04 / 04
Login, signup, sidebar, dashboard and calendar blocks, ready to drop in.
06 · 7 updates
Themes
Six layouts, no breakpoints to manage
Column, row, grid, sidebar, container and full screen place components without hand-tuned CSS.
Column
ax-stack
Row
ax-cluster
Grid
ax-auto-grid
Sidebar
ax-split
Container
ax-wrapper
Full screen
ax-cover
Twelve presets, one click each
A preset gives every component its colours, font, corners and shadows, in light and dark.
Ocean
Inter
Sunset
Outfit
Forest
Figtree
Lavender
Plus Jakarta Sans
Midnight
Space Grotesk
Brutalist
JetBrains Mono
Rose
DM Sans
Amber
Manrope
Frost
IBM Plex Sans
Espresso
Lora
Citrus
Nunito Sans
Graphite
Geist
01 / 04
Eight style packs change the shapes of every component: Vega, Nova, Maia, Lyra, Mira, Luma, Sera and Rhea.
02 / 04
Every preset brings light and dark colours, its own font, corners and shadows.
03 / 04
Grids collapse to one column on a phone by themselves.
04 / 04
Mark a band dark and every component inside switches to dark colours.
Dark bands
The same card, the same props. Only the band around it changed.
Same card
Same props.
Only the band changed.
Same card
Same props.
Only the band changed.
07 · 5 updates
Auvyx Mono
A monospaced typeface for code
Calm, legible and a little bit warm. Open, friendly letterforms, true italics and ligatures that stay out of your way. Every label on this page is set in it.
wght 100 → 700
Aa
0O1lI {}[] ơ ư ợ ữ
// ligatures that read naturally
const greet = (name) => name ?? "hello";
if (x >= 0 && y <= 1) data |> render;
let ok = items.length !== 0;
fn main() -> Result<(), Error> {
println!("Xin chào, 2026");
}
100
Hamburgefonstiv
200
Hamburgefonstiv
300
Hamburgefonstiv
400
Hamburgefonstiv
500
Hamburgefonstiv
600
Hamburgefonstiv
700
Hamburgefonstiv
7
weights, Thin to Bold
2
families: Mono and Mono Linear
1,073
characters
OFL
free and open source
Notes
[1]
Variable and static TTF, OTF and WOFF2.
[2]
SIL Open Font License 1.1.
01 / 04
A true italic with its own rhythm: single-storey a and g, a quiet x and z.
02 / 04
Ligatures for -> => != === |> and more; the code underneath stays plain ASCII.
03 / 04
Fifteen stylistic alternates: slashed or plain zero, double-storey g, high asterisk and more.
04 / 04
Carefully stacked Vietnamese diacritics, plus Greek and Cyrillic.
08 · 5 updates
Commerce
A store that looks designed
The store add-on and the block theme bring the details shoppers notice, without a custom build.
auvyx-woo · shop
Filters
01 / 04
Auvyx Woo: swatches, badges, compare, wishlist, quick view and filters for WooCommerce.
02 / 04
Auvyx Theme: header, footer, typography, design tokens and WooCommerce screens.
03 / 04
The theme works without the plugins, and the plugins work with any theme.
04 / 04
On EzyPlatform, design the cart page around the shop’s own cart block.
09 · 6 updates
Pro & Cloud
Free is a complete builder
Pro adds more blocks, every site template, display rules, form actions and site code.
Auvyx Builder · editions
| Free | Pro | |
|---|---|---|
| Auvyx Studio, the full-screen editor | ✓ | ✓ |
| Blocks, forms with entries and CSV | ✓ | ✓ |
| Starter site templates | ✓ | Every template |
| Theme Builder headers and footers | ✓ | + display rules |
| Popups, sliders, countdown, hotspots | — | ✓ |
| Site code, custom CSS, code elements | — | ✓ |
| AI agent with your own provider | ✓ | ✓ |
Buy once, keep building
Checkout, a key in your inbox, and updates from then on.
auvyx cloud
- Checkout on Auvyx CloudStripe
Licence key in the purchase email
One site, three sites or agency.- Activate in Auvyx Builder → Pro licence
- Updates and support
- Pages keep showing, whatever happens to the licence
01 / 04
Pro licences for one site, three sites or an agency, with updates and support.
02 / 04
Auvyx Cloud: the store, downloads, updates and licence keys.
03 / 04
The EzyPlatform edition: the same Studio on EzyPlatform, with everything in it.
04 / 04
A feature that works without AI never needs AI, an account or Auvyx Cloud.
10 · 1 updates
Flowsus
Built by Auvyx, used out there
Travel eSIM plans by destination. Compare, choose, and get connected before you fly. A product we run ourselves, on the same delivery method.
Flowsus
flowsus.com
Fall ’26 Edition · end of transmission