Astra builds three.js UIs in code
Meng To (@MengTo) posted this video on X on , and it went viral the same day. It has 1,606 likes and 53 replies, ranking #161 of 226 viral design posts on ViralPost.
Astra can create beautiful three.js UIs entirely in code. You don't need an assets library or MCP to create detailed 3D models. These are all code and are easy to customize for your agent. Give Astra a video, URL, or code reference, then ask it to keep comparing the result against the reference and fixing mistakes. Liquid Glass, shaders, motion design, procedural three.js models, and full environments. All from a few prompts. Some prompts I used: "Recreate this in a single HTML file with three.js. Keep comparing it against the reference and fix any differences." "Add Liquid Glass buttons. On hover, animate the lighting around the borders and make the background gradients move slightly with the pointer. Add subtle particles." "Improve the lighting, edges, and modeling. Give the keys more depth and verify the result against the real MacBook." Too many projects I could open-source. Let me know which one should I release.
Why it went viral
Astra builds three.js UIs and 3D models in code, including Liquid Glass buttons and a MacBook keyboard checked against a reference.
- Likes
- 1,6061.6K
- Replies
- 53
