Glass
Glass is an AI copilot designed specifically for React and Next.js developers. Its primary function is to facilitate direct modifications from the browser using...
Last verified:
What is Glass?
Glass 2, branded on the site as Glass, is a browser-side AI copilot for React and Next.js development that lets developers make frontend changes by clicking on elements in a running app and describing what they want. It is designed to reduce the back-and-forth between the browser and the codebase by mapping visual interactions back to source code and applying edits in real time. The setup flow shows that it works through a VS Code extension, a glass-js package, a Next.js SWC plugin, and a GlassProvider integration, which means it is aimed at teams already building with Next.js. The website also indicates that Glass is no longer maintained, and that access to the source code is available by request.
Glass pricing
Pricing model: Free
The website does not show a formal pricing page for Glass 2. Public posts tied to the product say it was free for a period while the team gathered feedback, and the site itself now says Glass is no longer maintained. The public setup page shows a product that required the Glass VS Code extension, the glass-js package, Next.js configuration, a GlassProvider integration, and your OpenAI key, but it does not list paid tiers, subscription levels, or included plan limits.
Glass pros
- Lets you edit a site from the browser with plain English
- Maps clicks in the browser to source code
- Targets React and Next.js workflows
- Makes visual frontend changes in real time
- Reduces switching between browser and editor
- Can jump from a browser element to the code behind it
- Helps generate components faster
- Supports modifying props directly
- Includes Tailwind CSS assistance
- Uses a VS Code extension for developer workflow
- Integrates through a Next.js SWC plugin
- Provides a GlassProvider wrapper for app integration
- Works with both App Router and Pages Router setups
- Built to automate repetitive frontend edits
- Appears to lower boilerplate copy-paste work
- Source code access can be requested
- Was positioned as free during its active period
- Focuses on locally running development environments
Glass cons
- No longer maintained
- Requires a Next.js project
- Requires installing a VS Code extension
- Requires adding a package to the project
- Requires configuring a Next.js SWC plugin
- Requires manual setup of GlassProvider
- Requires entering an OpenAI key
- Limited to frontend development use cases
- Not described as a general-purpose AI workspace on the product page
- No live pricing page is shown on the website
- No enterprise plan details are listed on the site
- No mobile app is mentioned
- No support for non-Next.js stacks is described
- Depends on a locally running app to work
- May require source-code access for continuation rather than active product support
- Website indicates the product was discontinued in favor of Void
Frequently asked questions about Glass
What does Glass do?
Glass is an AI copilot for React and Next.js developers that lets you click on UI elements in a running app, describe changes in plain English, and have the tool update the codebase for you. It is built to make frontend editing faster by connecting browser actions to the underlying source code and applying edits in real time.
Who is Glass built for?
Glass is built for developers working on React and, especially, Next.js applications. The setup instructions and product description both focus on frontend development workflows, so it is most relevant to people who already have a Next.js project and want to speed up iterative UI changes.
How does Glass connect the browser to code?
The setup instructions show that Glass uses a VS Code extension, the glass-js package, and a Next.js SWC plugin to locate what you clicked on in the source code. You also add a GlassProvider to the app, which helps the tool operate inside the project and map browser interactions back to the code.
What do I need to install to use Glass?
According to the setup page, you install the Glass VS Code extension, add the glass-js package to your project, configure the SWC plugin in next.config.js, add GlassProvider to your app, and then enter your OpenAI key in VS Code settings. The instructions provide examples for both the App Router and Pages Router.
Does Glass work with App Router and Pages Router?
Yes. The setup page includes code examples for both the App Router and Pages Router, which suggests the tool was designed to work with either style of Next.js project structure.
Is Glass still actively maintained?
No. The setup page explicitly says Glass is no longer maintained. The site also notes that the team moved on to Void, and that source code access can be requested.
What did Glass help developers avoid?
Glass was built to reduce the slow parts of frontend work, such as hunting for the right file, rewriting common UI boilerplate, and tweaking Tailwind CSS by trial and error. The product messaging emphasizes staying in the browser while making changes instead of constantly switching tools.
Was Glass free?
Public mentions around the product say it was free at the time while the team was collecting ideas and feedback. The current site does not show active paid plans, and because the product is no longer maintained, there is no live pricing structure presented on the website.
What changed after Glass?
The current site says Glass is no longer maintained and points to Void, an open-source AI code editor from the same company. That means Glass is effectively a discontinued predecessor to their newer product direction.
Can I get the source code for Glass?
The setup page says that if someone would like access to the source code, they can reach out. That suggests source access is available by request rather than through a public download or open repository on the site.