Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including hyper-transparent with all npm packages installed. Try it out:

var hyperTransparent = require("hyper-transparent")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

hyper-transparent v1.2.2

Hyper plugin to easily set window transparency.

hyper-transparent Build Status

Hyper plugin to easily set window transparency and vibrancy.

Also allows you to easily set vibrancy on OSX.



Open Hyper config, find plugins and add 'hyper-transparent' there:

plugins: [

You'll find up to date plugin install instructions in the official Hyper site.

Change background color

Open Hyper config and change backgroundColor at config root level.

Input any HEX color you like.

HyperTransparent will remember this color and apply transparency to it.

Set default config

You can also persist a default config for HyperTransparent so your preferred settings are kept even after upgrading or reinstalling it.

Add the following config to Hyper's config:

hyperTransparent: {
  backgroundColor: '#4b4',
  opacity: 0.2,
  vibrancy: '' // ['', 'dark', 'medium-light', 'ultra-dark']

This config will be preferred, so every time you reload the app it will always be loaded.

About Hyper

Hyper is a terminal app written with web technologies using Electron.

Cool stuff huh? ;)


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free