/btt-window-manager-preset

BetterTouchTool Window Manager Preset

Primary LanguageTypeScriptDo What The F*ck You Want To Public LicenseWTFPL

BetterTouchTool Window Manager

Move and resize windows with easy and you don't need to know a lot of commands. Customise position preset the way you like!

Window manager preview

Just press ⌘ + A and choose the position

WindowManager display different preset when the monitor height * 0.7 larger then width:

Press A again to display shortcuts

Additional commands

When Menu opened

  • ←, ↑, →, ↓ - moving across the menu with arrow
  • enter - choose selected position

Installation

After installing BetterTouchTool, you can import/export configurations from the Manage Presets button.

  1. Download preset: WindowManager.bttpreset and WindowManager.html

  2. Import preset Screenshot

  3. Change HTML source to a local path eg /Users/$USER/Downloads/WindowManager.html

Screenshot

Advanced installation

  1. Clone the repo
  2. Install dependencies
yarn install
  1. Generate HTML page
yarn build

  1. Import preset WindowManager.bttpreset Screenshot

  2. Change HTML source to locally generated file in <root>/dist/WindowManager.html

Customization

Run a local dev server to preview changes:

yarn start
  • src/types.ts define custom preset
  • src/style.css customize position icon

How to change the size Update css variable in style.css

:root {
	--size: 50px;
	--padding: 3px;
}

Done 🤟

License

Licensed under the WTFPL license.