Hosted Apps Prototypes

Shopify Admin Extensibility Framework Demos

These single-file HTML applications demonstrate routing frameworks for Shopify Admin hosted apps. Each app is a self-contained prototype that can be embedded in Shopify Admin.

Angular Router

Full-featured routing with Angular's built-in router, demonstrating navigation, components, and app shell communication.

Angular

Preact ISO Router

Lightweight routing solution using Preact with preact-iso for universal rendering support.

Preact

Preact Wouter Router

Minimalist routing with Wouter, optimized for Preact applications with a tiny footprint.

Preact

Vue Router

Vue.js official router integration demonstrating component-based navigation and state management.

Vue

Note: These apps use postMessage API to communicate with the Shopify Admin parent window. When accessed directly, they run in standalone mode.