Rink.js JS Library Demos

01 / live routing

Anchor target matrix

window.innerWidth — px

Every route below is a real anchor processed by Rink.js. The resolved target changes when the current browser width crosses its assigned threshold.

SM576 MD768 LG992 XL1200 XXL1400

02 / control surface

Automation and configuration

Use the public API controls, then return to the matrix to see the result in the DOM.

Automation active

Runtime settings

delay 250ms · target _self

Responsive delay

250 ms

Debounce time used after a browser resize.

Default target

Fallback for a route with no active target.

Enabled Allow resize updates and target refreshes. Observation mode Auto-fetch anchors added after page load. Keep route attributes When off, Fetch consumes data attributes after reading them.

Mutation observer test Add an anchor after load and let Observation mode pick it up.

03 / feedback

Resolution activity

Clicks, resize changes, and API calls appear here so the state transition stays visible.

Recent events

Public API surface

start() stop() fetch() refresh() setConfiguration() getVersion()

Runtime version v—