Custom Titlebar
A frameless Electron window with a custom title bar and IPC-driven minimise, maximise and close controls.
Electron's default window frame never quite matches a custom design. This project hides it and draws its own minimal title bar in CSS, so the app looks the same on Windows, macOS and Linux.
The window controls talk to the main process through a preload script over IPC, which keeps the renderer sandboxed while still letting the buttons minimise, maximise and close the window. The title bar stays draggable like a native one.
What it does
- Frameless window with the default title bar hidden
- A custom title bar styled in CSS
- Minimise, maximise and close over IPC through a preload script
- Draggable like a native title bar
- Runs on Windows, macOS and Linux
Built with
- Electron
- JavaScript
- CSS