Open-source developer tool
Glide
A local-first visual editor that writes changes back to source code.
- TypeScript
- Node.js
- Vite
- Babel
- Recast
What it does
Glide lets developers edit a running web interface visually. Moving an element or changing its styles updates the original source file, so the edits can be reviewed in Git.
How it works
A Node.js proxy connects to a Vite development server and links rendered elements to their source locations. AST and CST transformations update the relevant attributes, styles, or classes while preserving nearby formatting and comments.
Framework support
Glide supports React JSX and TSX, Vue single-file components, Svelte, Astro, and HTML.