The latest articles on DEV Community by N0N-glitch (@n0nglitch). https://dev.to/n0nglitch https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4241579%2F4b09ea59-b480-4b23-ad0f-bdc9e888b8f0.jpg https://dev.to/n0nglitch en N0N-glitch Thu, 12 Nov 2026 18:19:30 +0000 https://dev.to/n0nglitch/matrix-tab-a-personal-project-inspired-by-programming-and-the-matrix-4i6o https://dev.to/n0nglitch/matrix-tab-a-personal-project-inspired-by-programming-and-the-matrix-4i6o <h1> Matrix Tab — A Personal Project Inspired by Programming and The Matrix </h1> <p>Hello, DEV Community!</p> <p>I'd like to introduce a personal project I've been working on: <strong>Matrix Tab</strong>.</p> <p><strong>GitHub Repository:</strong><br><br> <a href="https://github.com/N0N-glitch/matrix-tab" rel="noopener noreferrer">https://github.com/N0N-glitch/matrix-tab</a></p> <h2> Some images </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fv3y6fknjvbd7ezjx5a0l.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fv3y6fknjvbd7ezjx5a0l.jpg" alt=" " width="800" height="1641"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fq9rqjmd118d4jqwenxvy.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fq9rqjmd118d4jqwenxvy.jpg" alt=" " width="800" height="1641"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fo8hqgy75jyviuvmjc8n4.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fo8hqgy75jyviuvmjc8n4.jpg" alt=" " width="800" height="1641"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6lb96wh3kkhbf078s3zh.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6lb96wh3kkhbf078s3zh.jpg" alt=" " width="800" height="1641"></a></p> <h2> What is Matrix Tab? </h2> <p>Matrix Tab is an open-source New Tab extension for Chromium-based browsers. It transforms the default new tab page into a customizable experience inspired by the visual universe of <em>The Matrix</em>.</p> <p>The project combines programming, creativity, and a visual style I've always enjoyed. I've always been interested in programming and software development, and I've also been a fan of The Matrix franchise. At some point, I thought these two interests would fit together perfectly.</p> <p>That's how Matrix Tab started.</p> <h2> Why did I create it? </h2> <p>First of all, this is a hobby project. I'm not a company, a professional development team, or someone trying to build a commercial product.</p> <p>I'm simply someone who enjoys technology, programming, and creating things. I wanted to challenge myself, learn more, experiment with different ideas, and build something that reflects my interests.</p> <p>I'm currently developing Matrix Tab on my own, and there's still plenty of room for improvements and new ideas.</p> <h2> Technologies I'm using </h2> <p>The project is mainly built with:</p> <ul> <li> <strong>HTML</strong> — for the structure and organization of the interface.</li> <li> <strong>CSS</strong> — for styling, animations, responsiveness, and visual effects.</li> <li> <strong>JavaScript</strong> — for functionality, interactions, commands, and dynamic features.</li> </ul> <p>I already have some experience working with these technologies, and I'm continuously improving my skills as I develop the project.</p> <p>One interesting detail is that I'm currently doing most of this work using an Android device — a mobile phone. I don't have a traditional computer as my main development environment, so I've been building and managing the project with the resources available to me.</p> <h2> Current features </h2> <p>Matrix Tab currently includes several features:</p> <ul> <li>Animated Matrix-style digital rain background.</li> <li>Digital clock and date display.</li> <li>Customizable search bar.</li> <li>Voice search support where available.</li> <li>Customizable website shortcuts.</li> <li>Shortcut management, including adding and removing shortcuts.</li> <li>Shortcut pagination to keep the interface organized.</li> <li>Interactive terminal with commands.</li> <li>Matrix Mode and Normal Mode, offering different visual experiences.</li> <li>Responsive interface designed to work on different screen sizes.</li> </ul> <p>I'm still working on improving the experience, fixing issues, and exploring new possibilities.</p> <h2> Feedback and contributions are welcome! </h2> <p>This is probably the most important part of this post.</p> <p>I'm developing Matrix Tab by myself, but that doesn't mean I want to work on it without hearing from other people.</p> <p><strong>Any kind of help is welcome, even if it's something small.</strong></p> <p>I'd genuinely appreciate it if you could take a look at the repository and share your thoughts.</p> <p>For example:</p> <ul> <li>What did you like about the project?</li> <li>What do you think could be improved?</li> <li>Did you find anything interesting in the code?</li> <li>Are there features you think would be worth adding?</li> <li>Did you notice any bugs or unnecessary parts?</li> <li>Do you have suggestions regarding the design, performance, or code organization?</li> </ul> <p>You don't need to contribute code to help. Even a comment, suggestion, or constructive criticism can make a difference.</p> <p>I'm open to learning from more experienced developers and discovering better ways to approach problems.</p> <h2> Final thoughts </h2> <p>Matrix Tab is more than just a browser extension for me. It's a personal learning experience and a way to turn two things I enjoy — programming and The Matrix — into something real.</p> <p>I'm still learning, experimenting, and improving, one step at a time.</p> <p>If you'd like to explore the project, here's the repository:</p> <p><strong><a href="https://github.com/N0N-glitch/matrix-tab" rel="noopener noreferrer">https://github.com/N0N-glitch/matrix-tab</a></strong></p> <p>Thank you for taking the time to read this!</p> <p>And if you have any thoughts, suggestions, or feedback, I'd genuinely love to hear them. 💚</p> opensource javascript webdev showdev