Skip to content

All Examples

Every tutorial example in one place. The Preview tab runs the built app served by this site; the Edit in StackBlitz tab boots an editable workspace installed from the published npm packages. Each example routes with hashLocationPlugin, so navigation stays inside the frame — open one in its own tab to watch the URL change.

Hello World

Two sibling states, one <ui-view>, and uiSref navigation — the smallest possible router. Walkthrough: Hello World tutorial.

Open in StackBlitz

Hello Solar System

A master-detail list of the real solar system: URL parameters, async resolves, and transition-driven data loading. Walkthrough: Hello Solar System tutorial.

Open in StackBlitz

Hello Solar System (MobX)

The same states, URLs and resolves as above, rebuilt on the MobX bindings: resolves still arrive on view props, while an observable router store, a computed tour and a pair of reaction controllers cover everything that outlives one activation. It is the minimal layering; the sample apps are where the two idioms are compared at application scale.

Open in StackBlitz

Hello Galaxy

Nested states and views: a star catalog in a three-level state tree, resolve inheritance, and a lazily loaded 3D astronaut. Walkthrough: Hello Galaxy tutorial.

Open in StackBlitz