Modern web platform
Native-platform storefront enhancements — container queries, the Popover/dialog API, and View Transitions — each behind a runtime flag with a graceful fallback.
Cartwright prefers native web-platform APIs over JavaScript libraries. Three are exposed as runtime flags so you can adopt them per shop; each degrades gracefully where unsupported.
Container queries (containerQueries)
The product card adapts to its own width via CSS @container, not the viewport — so the same card looks right in a wide grid, a narrow sidebar, or a cart drawer. Flag off → standard media-query layout.
Popover / dialog API (popoverApi)
Modal and popover surfaces (the AI stylist panel, the mobile menu) use the native <dialog> element and the Popover API, with a React fallback when the browser lacks support. Flag off → the React fallback everywhere.
View Transitions (viewTransitions)
Smooth morphing transitions between routes — e.g. a product card animating into the product page. Uses the View Transitions API where available and is a no-op (instant navigation) where not. Flag off → plain navigation.
Defaults
| Flag | Tier | Default |
|---|---|---|
containerQueries | runtime | off |
popoverApi | runtime | off |
viewTransitions | runtime | off |
All three are toggled in /admin/features and are byte-identical to the classic behaviour when off.
Video generation
Luma Dream Machine wired into /admin/generate-video — cinematic 5-second product showcases generated and stored without leaving the admin.
Agent Optimization
The design system is optimized for AI agents end to end — they can read it (registry + schemas), build with it (the builder tools), and cite it (Schema.org JSON-LD).