Using the App
Unlike a separate app, the extension works directly inside your existing VS Code windows and layout:
| Area | Purpose |
|---|---|
| React JSX Visualizer icon (Activity Bar) | Opens the sidebar — license/trial status, Settings, History, the AI Assistant chat, and the Account / Help menus |
| Your editor tabs | You edit your code exactly as you always do in VS Code — there's no separate embedded editor to learn |
| React Preview panel | Opens beside your editor when you click Open Preview; shows the live render plus its own toolbar (search, Tailwind toggle, device viewports, reload) |
Because the preview opens as a normal Visual Studio Code panel, you can arrange it using VS Code's own tab and split-editor controls — drag the tab, or right-click it for layout options.
Was this page helpful?