React Counter
Hydrates on interaction
0
Multi-Framework Islands
Each island loads its JavaScript only when you interact with it. Watch the network panel to see the lazy loading in action. All counters are SSR'd — the HTML is visible immediately.
React Island
NetworkJS
pendingCounter.react.tsxscript——
Preact Island
Preact Counter
Hydrates on interaction
0
NetworkJS
pendingCounter.preact.tsxscript——
Vue Island
Vue Counter
Hydrates on interaction
0
NetworkJS
pendingCounter.vuescript——
Svelte Island
Svelte Counter
Hydrates on interaction
0
Network JS
pending Counter.svelte script — —
Solid Island
Solid Counter
Hydrates on interaction
0
NetworkJS
pendingCounter.solid.tsxscript——
Lit Island
Lit Counter
Hydrates on interaction
0
Network
JS
pending
Counter.lit.ts
script
—
—
Tip: Click on any counter to load its JavaScript. The network panel shows the actual load time and file size.