Online GDS File Viewer

GDS Viewer


In this post, I’ll talk about the online GDS File Viewer/Editor I made(or I’m making as it’s still a work in progress). For now, I will make the development version of the app available online so people can find it and test it. Eventually, I will post the code on Github but first I want to add some more features, refactor the code and maybe write some unit tests. 

I got the idea to make an online GDSII viewer some time ago when I took a course to learn how to make an ASIC. When you create your chip design it will get output in the GDS format which can be viewed/modified by the appropriate software. Most of it is not free and open source except Magic, Klayout. Also none of the software I found works in the browser, unlike my app which is a PWA(progressive web app). This makes it cross-platform and much more accessible as you don’t have to install any software, simply visit a web page and that’s it. Additionally, I added a 3D viewer, the ability to see your chip in AR/VR and you can download the 3D model for whatever use(3D printing maybe?).

As I said there is other programs(including free and open source ones) out there that are better than this one but making my own is more fun and a great learning experience. I got some more practice and experience using Blazor, deploying Blazor and integrating it on a WordPress website(this blog), got to use the three.js library, konva.js library, integrated the Monaco editor, learned about the GDS file format, … 

Additionally, my idea for the future is to integrate this viewer into another application I want to make and use it to view the final output GDS(but I will write another post about that at some point in the future).

Anyway here’s the app. Click here for the fullscreen version.

Leave a Reply

Your email address will not be published. Required fields are marked *

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.

Advertisment ad adsense adlogger