Back to themes

Kai - eCommerce & Shop Theme, Capacitor iOS App + AI Ready

Astro 7 e-commerce theme: a shop grid, collections, a product page with variants and stock, a cart, and an eight-screen back office. English and French, light and dark. It ships to the App Store with Capacitor, and carries an AGENTS.md so an AI agent extends it instead of breaking it.


Cost

Paid


Created by
Aloha Pixel

Kai is a small shop that behaves like a large one. Eight products, four collections, a product page that answers the questions a buyer asks before paying, and a cart that does not lose itself between pages.



It ships to the App Store, not only to a browser

Capacitor is wired in, so the same code base becomes a native iOS app. The floating bar respects the iPhone safe area, taps carry haptic feedback, and nothing in the layout assumes a mouse.



It is written to be extended by an AI agent

An AGENTS.md at the root, and five files of written conventions beside it: design, content, internationalisation, components and deployment. They say where a token lives, why a rule exists and what breaks if it is ignored. Point an agent at the repository and it extends the theme instead of fighting it.



Who it is for

Makers and small brands with a short catalogue who want the shop to look like the thing they make, not like a platform.



What makes it different

The product page leads with the object: a gallery, then variants, then stock, then the sentence that decides. Nothing is hidden behind a tab. The shop grid varies its rhythm instead of repeating one card shape down the page.

It carries a back office of eight screens: overview, orders, an order record, products, a product editor, customers, inventory, and settings. The product and inventory screens read the same content collection as the shop front, so a row can never drift from the product it names. It is static like the rest of the theme, with no JavaScript to ship and no backend to run.

It is bilingual by design, one page per route for both languages, with matching feeds and sitemaps.

Light is the default and dark is composed rather than inverted. The first screen opens on a photograph rather than a gradient.



What you get

Home, shop, collections, product pages, cart, about, contact and legal pages, plus the eight back office screens: eighty-nine pages in English and French, with generated share cards and a written set of conventions for extending it.