Home

This is a kitchen-sink demo of meow-router, meow-route, and meow-outlet.

Click around the sidebar to exercise the features. The Live state panel updates reactively from the router's signals and stores.

  • Nested routes with index + dynamic params
  • Catch-all 404 fallback
  • Reactive search params (per-key)
  • navigate, replace, history stack
  • Browser back/forward integration

Cats

Pick a cat above. The list below is the index route's content; the detail/new views replace it via the nested outlet.

NameColorStatus
whiskerstabbynapping
mittensblackplotting
biscuitorangebegging

New cat

Detail:

This route demonstrates a dynamic parameter. The :id segment is exposed via route.params / route.paramsAccessor().

The data-param="id" spans above are auto- filled by the demo's route-match listener.

Dogs

Wrong house.

Sibling-of-cats route. Note that the cats route's matched signal flips to false when this one is shown, and the live-state panel reflects the change reactively.

Search params

Type below — each keystroke writes to ?filter= via router.setSearchParam(...) using history: "replace" so back/forward only steps between actual page navigations.

Current params (live):


              

Programmatic

Buttons that call router methods directly:

About

This kitchen sink exercises the full surface of meowter. Source lives in ../../src/.

Reactivity layer: @solidjs/signals@2.0.0-beta.x. Styling: Pico CSS. Font: Lilex Variable.

404

Nothing here — the catch-all route matched.

Back home