Electron Frame

Electron Frame is a simple and customizable window frame built with HTML for your application.

ScreenShots

Windows Frame

MacOS Frame

Screenshots taken on dicionario.js projetct.

How to use

• Install electron-frame in your project with yarn add electron-frame or npm install electron-frame
• On the main process, add:

require("electron-frame/main")

• On preload script, add:

const { ElectronFrame } = require("electron-frame/renderer")
window.addEventListener('DOMContentLoaded', () => {
    const frame = new ElectronFrame()
    frame.insert()
})

• You can customize your frame by passing some options in the ElectronFrame class instance or using the special class methods.