.png)
GRID Browser is a lightweight, customizable desktop browser built with Electron, HTML, CSS, and JavaScript. It features a minimal UI, a built-in settings page, and a custom home screen—perfect for learning how to build a Chromium-powered shell or as a foundation for your own browser project.
- Electron – Cross-platform desktop runtime
- HTML5 & CSS3 – Markup and styling
- Vanilla JavaScript – Browser logic and event handling
- Node.js – Backend support for file and settings management
- Tabbed Browsing – Open multiple pages in separate tabs
- Custom Homepage – Configurable start page via
homepage.html - Settings Panel – Manage preferences (theme, default URL) in
settings.html - Navigation Controls – Back/Forward, Reload, and Address Bar
- Lightweight – Minimal dependencies for fast startup
- Download Manager – Handle file downloads natively
- Bookmark System – Save and organize favorite sites
- History Viewer – Browse and clear past visits
- Extension Support – Experiment with simple plugin APIs
- Privacy Mode – Incognito browsing without data persistence
-
Clone the repo
git clone https://github.com/JOSU10xD/GRID-Browser.git cd GRID-Browser -
Install dependencies
npm install
-
Run the app
npm start
GRID-Browser/
│── assets/ # Images and icons
│ ├── grid-banner.png # README banner
│ ├── homepage.png # Screenshot placeholders
│ └── …
│── index.html # Main browser UI
│── homepage.html # Customizable start page
│── settings.html # Preferences panel
│── main.js # Electron main process
│── renderer.js # Front-end logic (if used)
│── package.json # Project manifest & scripts
└── .gitignore- Fork the repository
- Create a feature branch (
git checkout -b feature/awesome-feature) - Commit your changes (
git commit -m "Add awesome feature") - Push to your fork (
git push origin feature/awesome-feature) - Open a Pull Request
This project is licensed under the MIT License. See LICENSE for details.