Home

Awesome

<p align="center"> <img src="https://i.imgur.com/bKsns66.png" height="148"> <h2 align="center">Pennywise</h2> <p align="center">Cross-platform application to open website or media in a floating window<p> <p align="center"> <a href="https://github.com/kamranahmedse/pennywise/blob/master/license"> <img src="https://img.shields.io/badge/License-MIT-yellow.svg" /> </a> <a href="https://github.com/kamranahmedse/pennywise/releases"> <img src="https://img.shields.io/badge/platform-macOS%20%7C%20Windows%20%7C%20Linux-blue.svg" alt="platforms" /> </a> <a href="https://github.com/kamranahmedse/pennywise/releases"> <img src="https://img.shields.io/github/downloads/kamranahmedse/pennywise/total.svg" alt="prs welcome"> </a> </p> </p>

Pennywise opens any website or media in a small floating window that remains on top of all other applications. Pennywise windows stays up all the time. No need to keep struggling with <kbd>alt + tab</kbd>, use Pennywise for easy multitasking.

Features

Installation

Download and install the relevant distribution from the releases page.

If you are on MacOS, you can use Homebrew to install it

brew install --cask pennywise

Enable Flash Support

To enable flash support, copy or link Chrome's Pepperflash plugin into your $HOME/.pennywise-flash. You can find the plugin at the installation path of the Chrome. For example, on MacOS, you can do the below to enable Flash support

ln -s ~/Library/Application\ Support/Google/Chrome/PepperFlash/[version]/PepperFlashPlayer.plugin" ~/.pennywise-flash

Usecases

Here is the list of some of the possible use cases off the top of my head

Development

Clone the repository, install the dependencies and start the app

yarn install
yarn start

Shortcuts

Here is the list of available shortcuts that you may use

ShortcutDescription
<kbd>Cmd/Ctrl + L</kbd>Show Navbar and focus URL input
<kbd>Cmd/Ctrl + Shift + D</kbd>Enable detached mode
<kbd>Cmd/Ctrl + M</kbd>Refresh Page
<kbd>Cmd/Ctrl + Shift + L</kbd>Toggle Navbar on WebPages
<kbd>Cmd/Ctrl + Shift + Up</kbd>Increase Opacity
<kbd>Cmd/Ctrl + Shift + Down</kbd>Decrease Opacity
<kbd>Cmd/Ctrl + Alt + I</kbd>Show Developer Tools
<kbd>Cmd/Ctrl + [0-9]</kbd>Switch Window Opacity

Note – Changing the opacity is only supported in Windows and MacOS

Detached Mode

Screenshots

Homescreen for the application

Anything running in pennywise stays on top of everything

You can change the opacity too

Auto-embed Videos

For some video streaming websites such as Youtube, Vimeo, Twitch, Daily Motion etc, Pennywise shows you the video only web page by default (using the auto-generated embed links), showing you the video in a distract free manner. You can disable that by toggling the Edit > Embed Videos.

Note – In case of youtube, it might not work sometime when the user has put restrictions on the video – in that case, you will have to disable "Auto Embed" option from the Edit menu to make them work.

Why is it named Pennywise?

Because the application helps in floating and Pennywise loved to do that

Planned Roadmap

Contributions

Feel free to implement anything from the roadmap, submit pull requests, create issues, discuss ideas or spread the word.

License

MIT © Kamran Ahmed