Skip to content
vite-plugin-lit
v0.21.0What's new · Oct 19, 2026

vite-plugin-lit

Edit a Lit component. Keep the page. In-place HMR, one shared stylesheet for every shadow root, and a DevTools panel that explains re-renders.
Build your first componentTry the demosView on GitHub
HMR that keeps stateEdit a component and the page stays put. Focus, scroll, inputs, and child state survive.
One stylesheet, every shadow rootShare a single CSSStyleSheet across thousands of components. An edit restyles them all without a re-render.
A DevTools panel that explains re-rendersSee which components updated, how long they took, and what triggered each one.
Ask your coding agentThe same component tree and timeline as MCP tools, read straight from the running page.
Terminal window
npm i -D @oddsquad/vite-plugin-lit