nwutils / frameless-example

NW.js frameless window example

NW.js Frameless window example

Features:

• Custom title bar for dragging
  • Acts as a native title bar, so double-clicking will maximize and dragging to the edge of the screen works like normal
• Custom, pure CSS, window controls:
  • minimize
  • maximize
  • restore
  • close
• Transparent window with rounded corners
• Rounded corners are removed when maximized
• Adjustable background transparency
• Simplified example for easier copy/pasting

Environment set up

1. Download/install Node.js
2. Download or clone the repo
3. Run npm install

Running locally

1. Do the environment setup
2. Run npm start

frameless-example's Issues

Frameless Windows Are Broken

As of v0.83.0 (and possibly earlier) frameless windows have lots of issues, such as -webkit-app-region not working and windows 11 rounded corners not working just to name a few. nwjs/nw.js#8153 It's been a month and these problems have not been fixed so I think there should be a notice somewhere in the readme to inform people.

Screen edges question?

Does dragging to the edge of the screen dock it there (in Windows) ?