Sola AIR

Preview ambient zero-VDOM Sola AIR components directly on top of your live web apps in a closed Shadow DOM.

Sola AIR lets you try Sola components on a real page before you write any code. Open the side panel, choose a component, and it appears on top of the page you are looking at. The preview is drawn inside a closed Shadow DOM, so it does not pick up the page's styles and the page cannot reach into it. You can also drag a box around part of a page. The extension reads the text and numbers inside that box and builds a card or stat grid from them. Click "Copy code" and you get a .sola snippet with the right import lines. What it does: Previews 12 components on the current tab Region picker: drag to select part of the page, get a matching card Copies the .sola source and the npm install line for you Marks which components are in the @sola-air-ui/ui package and which are Studio previews only What it does not do: It does not send anything to a server. Previews, scraping and code generation all happen in your browser. It does not run in the background on pages you have not opened it on. It only touches the tab you click it on. Sola AIR is open source. Source, docs and issues: https://github.com/Rbm3267/sola-air Website: https://sola-air.dev Privacy: https://sola-air.dev/privacy