Glance
Instant component previewer for VS Code — supports React, HTML, and React Native. No dev server, no npm start, just open and render. 5.0 stars on the VS Code Marketplace.
Overview
Glance is a VS Code extension that renders React, HTML, and React Native components in a live sandboxed preview panel with zero project setup. Open any .jsx, .tsx, or .html file, hit a keybind, and your component renders instantly beside your editor. React Native is supported via react-native-web. Glance handles TypeScript, JSX, TSX, Tailwind, and inline styles out of the box — transpiling with esbuild and resolving npm imports via CDN. No local server, no full project build, no context switching.
What it does
Zero-config preview — open any .jsx/.tsx/.html and render instantly
Supports React, HTML, and React Native (via react-native-web)
Live refresh on every keystroke with <300ms latency
esbuild transpilation with esm.sh CDN for npm imports
Tailwind CSS, TypeScript, and inline styles supported out of the box
Cross-platform: Windows, macOS, and Linux
5.0 stars on the VS Code Marketplace
325% install-to-pageview conversion rate via in-editor search discovery
Built with