Glass LogoGlass

Glass.js

An AI copilot for React and Next.js developers.
Backed byY Combinator Logo

Edit straight from the browser using AI.

Glass's AI can create components, modify props, and write tailwind for you. Stop scavenging your codebase and writing tailwind by hand.

Visualize your component structure.

Hover to see the component that each element is from.

Jump to the code.

Instantly jump to the sourcecode of the element you clicked on. Glass is more precise than other click-to-code tools.

Frequently Asked Questions

Should I use Glass?
Glass lets you write React code quickly 🚀. If that sounds like your thing, Glass is for you!
Does Glass show up in production?
No. Glass only runs in development environments (when process.env.NODE_ENV === "development").
Can Glass install packages?
Glass only edits files in your project, and cannot install packages.
What does Glass edit?
When you click on an HTML element, Glass is allowed to edit the component it belongs to, and all of its descendant components. Glass gives you a list of all the edits it makes.
Does Glass support app or pages router?
Yes - both!
What stage are you in?
Glass is in open beta for startups. Our AI is still experimental, but quickly improving 💪.

Glass is now Void.

Glass is now part of our code editor, Void. We hope to see you over in the Void community!

Void Logo