All Projects → kamranahmedse → Pennywise

kamranahmedse / Pennywise

Licence: mit
Cross-platform application to open any website or media in a floating window

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to Pennywise

Sqlectron Gui
A simple and lightweight SQL client desktop with cross database and platform support.
Stars: ✭ 3,852 (+13.9%)
Mutual labels:  cross-platform, electron-app
Curve Studio
Minimalist Electron app for designing spline curves
Stars: ✭ 140 (-95.86%)
Mutual labels:  cross-platform, electron-app
Google Assistant Unofficial Desktop Client
A cross-platform unofficial Google Assistant Client for Desktop (powered by Google Assistant SDK)
Stars: ✭ 2,534 (-25.07%)
Mutual labels:  cross-platform, electron-app
Orion
Cross platform Twitch.tv client
Stars: ✭ 298 (-91.19%)
Mutual labels:  cross-platform
Electron Xiami
虾米音乐 & 虾米电台 - Linux & Mac | Xiami Player & Xiami Radio desktop for Linux & Mac supported by Electron
Stars: ✭ 304 (-91.01%)
Mutual labels:  electron-app
Umka Lang
Umka: a statically typed embeddable scripting language
Stars: ✭ 308 (-90.89%)
Mutual labels:  cross-platform
Lan Share
Cross platform LAN File transfer application built with Qt C++ framework
Stars: ✭ 317 (-90.63%)
Mutual labels:  cross-platform
Csconsoleformat
.NET C# library for advanced formatting of console output [Apache]
Stars: ✭ 296 (-91.25%)
Mutual labels:  cross-platform
Symphytum
Symphytum Personal Database Software
Stars: ✭ 311 (-90.8%)
Mutual labels:  cross-platform
Inkino
A multiplatform Dart movie app with 40% of code sharing between Flutter and the Web.
Stars: ✭ 3,229 (-4.52%)
Mutual labels:  cross-platform
Surfbird
A Microblogging client built on Electron and Vue
Stars: ✭ 309 (-90.86%)
Mutual labels:  electron-app
Alpha
Follow the white rabbit 🐇
Stars: ✭ 304 (-91.01%)
Mutual labels:  electron-app
Gltf Sdk
glTF-SDK is a C++ Software Development Kit for glTF (GL Transmission Format -https://github.com/KhronosGroup/glTF).
Stars: ✭ 312 (-90.77%)
Mutual labels:  cross-platform
Xplat
Cross-platform (xplat) tools for Nx workspaces https://nstudio.io/xplat
Stars: ✭ 300 (-91.13%)
Mutual labels:  cross-platform
Ultralight
Next-generation HTML renderer for apps and games
Stars: ✭ 3,585 (+6%)
Mutual labels:  cross-platform
Hprose Nodejs
Hprose is a cross-language RPC. This project is Hprose 2.0 for Node.js
Stars: ✭ 297 (-91.22%)
Mutual labels:  cross-platform
Boram
🎞 Cross-platform graphical WebM converter
Stars: ✭ 312 (-90.77%)
Mutual labels:  cross-platform
Airbash
A POSIX-compliant, fully automated WPA PSK PMKID and handshake capture script aimed at penetration testing
Stars: ✭ 308 (-90.89%)
Mutual labels:  cross-platform
Rabbittoolbox
🤸🏾‍♀️👗开源的动画渲染软件,提倡以简单、易用,高质量的物理演算以及渲染质量和性能,为喜爱二次元动画的用户降低视频制作门槛
Stars: ✭ 309 (-90.86%)
Mutual labels:  cross-platform
Simplcommerce
A simple, cross platform, modularized ecommerce system built on .NET Core
Stars: ✭ 3,474 (+2.72%)
Mutual labels:  cross-platform

Pennywise

Cross-platform application to open website or media in a floating window

platforms prs welcome

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 alt + tab, use Pennywise for easy multitasking.

Features

  • Always stays on top of any open applications
  • Adjustable opacity – it gets out of your way while you work
  • Resize and place it anywhere
  • Shortcuts to make you more productive
  • Lets you multitask while you work
  • Open source licensed under MIT
  • Lean small resource footprint, minimal User Interface.
  • Cross-platform works on MacOS, Windows and Linux

Installation

Download and install the relevant distribution from the releases page.

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

brew cask install 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

  • Use it as a floating window for your calendar/checklist/assigned-tickets etc
  • Watching tutorial while you code? Open the video in Pennywise and keep it in front of you
  • Making a video course? Open the demo in Pennywise and show the output in real time
  • Working on some web UI? Open it in Pennywise to avoid pressing alt + tab again and again
  • Play some video, watch some talk or play some TV series while you work
  • Working on something non-familiar? Open the docs in Pennywise
  • Open that live football match that you won't want to miss
  • Use it as a desktop widget

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

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

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

Detached Mode

  • Enabling the detached mode makes Pennywise non-interactive – it will let any interactions fall through to the window below it. To remove the detached mode, focus the window either by clicking the dock icon or by activating it using alt + tab

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

  • Persist options and linking options to website
  • Bookmarking links for later use
  • Write tests

Contributions

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

License

MIT © Kamran Ahmed

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].