Vite Scan logo

Vite Scan Framework Examples

Use this page as a jump point while running pnpm play:examples. Each card opens a framework-specific demo wired to the same Vite Scan DevTools plugin setup.

Production note: on deployed builds (for example Vercel), Vite DevTools UI is not available, but these demos still run Vite Scan highlights via bootstrap mode.

React

Component rerender churn

State shuffle + burst updates with autopilot rerenders.

Route: /react/

Vue

Reactive ripple view

Computed lists and timed updates to surface DOM hotspots.

Route: /vue/

Svelte

Fine-grained update stress

Rapid reactive changes to highlight update islands.

Route: /svelte/

Vanilla

Raw DOM mutation demo

innerHTML-based card shuffle to baseline DOM churn with no framework.

Route: /vanilla/