Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bnb/awesome-hyper

🖥 Delightful Hyper plugins, themes, and resources
https://github.com/bnb/awesome-hyper

List: awesome-hyper

awesome awesome-list hyper hyperterm terminal zeit

Last synced: about 1 month ago
JSON representation

🖥 Delightful Hyper plugins, themes, and resources

Awesome Lists containing this project

README 

        
# Awesome Hyper [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Awesome](https://img.shields.io/travis/bnb/awesome-hyper.svg)](https://travis-ci.org/bnb/awesome-hyper)



[](https://hyper.is)



> A curated list of sweet Hyper [packages](#packages), [themes](#themes), and [resources](#resources).



*Inspired by the [awesome](https://github.com/sindresorhus/awesome) list thing. You might also like [awesome-node](https://github.com/sindresorhus/awesome-nodejs) and [awesome-npm](https://github.com/sindresorhus/awesome-npm), which both have CLI stuff you can use with Hyper!*



*Please read the [contribution guidelines](CONTRIBUTING.md) before contributing.*



**Check out the official [Hyper site](https://hyper.is), check out [Vercel](https://vercel.com), and their interesting Hosting product, [Now](https://vercel.com/home).**



Want to add your awesome Hyper package, theme, or resource? Make the change and [open a pull request](https://opensource.guide/how-to-contribute/#opening-a-pull-request)!



Like `awesome-hyper`? Reach out to [@bitandbang](https://twitter.com/bitandbang), [@matheusfrndes](https://twitter.com/matheusfrndes), and [@iamstarkov](https://twitter.com/iamstarkov) on Twitter and say *hi*! 👋



# Contents



- [Packages](#packages)

  - [Productivity](#productivity)

  - [Customization](#customization)

  - [Development](#development)

  - [Fun](#fun)

- [Themes](#themes)

- [Resources](#resources)



# Packages

Know of another Hyper package? [Help add it!](https://github.com/bnb/awesome-hyper/issues/new)



## Productivity



Name and description | Downloads

-------------------- | -------------

[hyperline](https://www.npmjs.com/package/hyperline) - A status line at the bottom of your Hyper! | [![npm](https://img.shields.io/npm/dm/hyperline.svg?label=DL)](https://www.npmjs.com/package/hyperline)

[hypercwd](https://www.npmjs.com/package/hypercwd) - Open new tabs with the same directory as your current tab. | [![npm](https://img.shields.io/npm/dm/hypercwd.svg?label=DL)](https://www.npmjs.com/package/hypercwd)

[hyperterm-visor](https://www.npmjs.com/package/hyperterm-visor) - Show/hide your Hyper terminal with a global hotkey & more. | [![npm](https://img.shields.io/npm/dm/hyperterm-visor.svg?label=DL)](https://www.npmjs.com/package/hyperterm-visor)

[hyper-sync-settings](https://www.npmjs.com/package/hyper-sync-settings) - Easy way to backup and restore Hyper settings to Github. | [![npm](https://img.shields.io/npm/dm/hyper-sync-settings.svg?label=DL)](https://www.npmjs.com/package/hyper-sync-settings)

[hyperterm-summon](https://www.npmjs.com/package/hyperterm-summon) - Summon your Hyper windows with a system-wide hotkey. | [![npm](https://img.shields.io/npm/dm/hyperterm-summon.svg?label=DL)](https://www.npmjs.com/package/hyperterm-summon)

[hyperterm-paste](https://www.npmjs.com/package/hyperterm-paste) - Pasting into terminal made safe and easy. | [![npm](https://img.shields.io/npm/dm/hyperterm-paste.svg?label=DL)](https://www.npmjs.com/package/hyperterm-paste)

[hyperterm-lastpass](https://www.npmjs.com/package/hyperterm-lastpass) - LastPass plugin for autofilling passwords in Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-lastpass.svg?label=DL)](https://www.npmjs.com/package/hyperterm-lastpass)

[hyperterm-dibdabs](https://www.npmjs.com/package/hyperterm-dibdabs) - Unique colored dot on the left of the tab is added for quick identification of commonly used tabs based on its title. | [![npm](https://img.shields.io/npm/dm/hyperterm-dibdabs.svg?label=DL)](https://www.npmjs.com/package/hyperterm-dibdabs)

[hyperterm-tabs](https://www.npmjs.com/package/hyperterm-tabs) - Rearrange tabs by drag&dropping them. | [![npm](https://img.shields.io/npm/dm/hyperterm-tabs.svg?label=DL)](https://www.npmjs.com/package/hyperterm-tabs)

[hyperterm-focus-reporting](https://www.npmjs.com/package/hyperterm-focus-reporting) - Adds focus reporting to Hyper - similar to iTerm2. | [![npm](https://img.shields.io/npm/dm/hyperterm-focus-reporting.svg?label=DL)](https://www.npmjs.com/package/hyperterm-focus-reporting)

[hyperlinks](https://www.npmjs.com/package/hyperlinks) - Extension for Hyper that automatically links URLs. | [![npm](https://img.shields.io/npm/dm/hyperlinks.svg?label=DL)](https://www.npmjs.com/package/hyperlinks)

[hyper-statusline](https://www.npmjs.com/package/hyper-statusline) - Status line showing current cwd and git branch status. | [![npm](https://img.shields.io/npm/dm/hyper-statusline.svg?label=DL)](https://www.npmjs.com/package/hyper-statusline)

[hyper-statusline-extended](https://www.npmjs.com/package/hyper-statusline-extended) hyper-statusline rewritten and extended with more features for Hyper 3. | [![npm](https://img.shields.io/npm/dm/hyper-statusline-extended.svg?label=DL)]((https://www.npmjs.com/package/hyper-statusline-extended))

[hypernpm](https://www.npmjs.com/package/hypernpm) - Use keyboard shortcuts to run npm script commands. | [![npm](https://img.shields.io/npm/dm/hypernpm.svg?label=DL)](https://www.npmjs.com/package/hypernpm)

[hyper-startup](https://www.npmjs.com/package/hyper-startup) - Executes any configured commands when Hyper loads. | [![npm](https://img.shields.io/npm/dm/hyper-startup.svg?label=DL)](https://www.npmjs.com/package/hyper-startup)

[hyper-fileio](https://www.npmjs.com/package/hyper-fileio) - Ephemeral file sharing direct from Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-fileio.svg?label=DL)](https://www.npmjs.com/package/hyper-fileio)

[hyper-history](https://www.npmjs.com/package/hyper-history) - Show a list of history commands. | [![npm](https://img.shields.io/npm/dm/hyper-history.svg?label=DL)](https://www.npmjs.com/package/hyper-history)

[hyper-alt-click](https://www.npmjs.com/package/hyper-alt-click) - Allows moving the cursor by alt+click'ing where you want it to go. | [![npm](https://img.shields.io/npm/dm/hyper-alt-click.svg?label=DL)](https://www.npmjs.com/package/hyper-alt-click)

[hyperterm-safepaste](https://www.npmjs.com/package/hyperterm-safepaste) - Edit your pastes before executing them. | [![npm](https://img.shields.io/npm/dm/hyperterm-safepaste.svg?label=DL)](https://www.npmjs.com/package/hyperterm-safepaste)

[hyper-broadcast](https://www.npmjs.com/package/hyper-broadcast) - Broadcast user inputs to multiple terms. | [![npm](https://img.shields.io/npm/dm/hyper-broadcast.svg?label=DL)](https://www.npmjs.com/package/hyper-broadcast)

[hyperdocs](https://www.npmjs.com/package/hyperdocs) - Get documentation pages right in your terminal. | [![npm](https://img.shields.io/npm/dm/hyperdocs.svg?label=DL)](https://www.npmjs.com/package/hyperdocs)

[hyper-search](https://www.npmjs.com/package/hyper-search) - Search text in your terminal. | [![npm](https://img.shields.io/npm/dm/hyper-search.svg?label=DL)](https://www.npmjs.com/package/hyper-search)

[hypergoogle](https://www.npmjs.com/package/hypergoogle) - Search Google from your terminal. | [![npm](https://img.shields.io/npm/dm/hypergoogle.svg?label=DL)](https://www.npmjs.com/package/hypergoogle)

[hyperduck](https://www.npmjs.com/package/hyperduck) - Search DuckDuckGo from your terminal. | [![npm](https://img.shields.io/npm/dm/hyperduck.svg?label=DL)](https://www.npmjs.com/package/hyperduck)

[hyper-quit](https://www.npmjs.com/package/hyper-quit) - Quit Hyper on macOS when last window closes. | [![npm](https://img.shields.io/npm/dm/hyper-quit.svg?label=DL)](https://www.npmjs.com/package/hyper-quit)

[hyper-confirm](https://www.npmjs.com/package/hyper-confirm) - Displays a confirmation dialog before quitting Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-confirm.svg?label=DL)](https://www.npmjs.com/package/hyper-confirm)

[hyper-match](https://www.npmjs.com/package/hyper-match) - Links patterns such as urls, emails and file paths to configured commands. | [![npm](https://img.shields.io/npm/dm/hyper-match.svg?label=DL)](https://www.npmjs.com/package/hyper-match)

[hyper-savetext](https://www.npmjs.com/package/hyper-savetext) - Save your terminal's text to a file. | [![npm](https://img.shields.io/npm/dm/hyper-savetext.svg?label=DL)](https://www.npmjs.com/package/hyper-savetext)

[hyper-visual](https://www.npmjs.com/package/hyper-visual) - CLI commands from the history and the context now listed in a clickable GUI. | [![npm](https://img.shields.io/npm/dm/hyper-visual.svg?label=DL)](https://www.npmjs.com/package/hyper-visual)

[hyper-init](https://www.npmjs.com/package/hyper-init) - The ultimate and most complete extension to initialize commands before and after Hyper terminal starts. | [![npm](https://img.shields.io/npm/dm/hyper-init.svg?label=DL)](https://www.npmjs.com/package/hyper-init)

[hyper-gcp-status-line](https://www.npmjs.com/package/hyper-gcp-status-line) - Status line showing the locally configured GCP project, GCE zone, and Kubernetes context, as well as current Google Cloud availability. | [![npm](https://img.shields.io/npm/dm/hyper-gcp-status-line.svg?label=DL)](https://www.npmjs.com/package/hyper-gcp-status-line)

[hyperalfred](https://www.npmjs.com/package/hyperalfred) - Open Hyper from Alfred 3. | [![npm](https://img.shields.io/npm/dm/hyperalfred.svg?label=DL)](https://www.npmjs.com/package/hyperalfred)

[hyperinator](https://www.npmjs.com/package/hyperinator) - Layout automation tool likes tmuxinator for Hyper. | [![npm](https://img.shields.io/npm/dm/hyperinator.svg?label=DL)](https://www.npmjs.com/package/hyperinator)

[hyper-drop-file](https://www.npmjs.com/package/hyper-drop-file) - Drop file path from file explorer into your terminal. | [![npm](https://img.shields.io/npm/dm/hyper-drop-file.svg?label=DL)](https://www.npmjs.com/package/hyper-drop-file)

[hyper-dnd-tabs](https://www.npmjs.com/package/hyper-dnd-tabs) - Drag and drop tabs. | [![npm](https://img.shields.io/npm/dm/hyper-dnd-tabs.svg?label=DL)](https://www.npmjs.com/package/hyper-dnd-tabs)

[hyper-manager](https://www.npmjs.com/package/hyper-manager) - The ultimate and most complete extension to manage all your connections in one place. | [![npm](https://img.shields.io/npm/dm/hyper-manager.svg?label=DL)](https://www.npmjs.com/package/hyper-manager)



[⬆ Back to top](#contents)



## Customization



Name and description | Downloads

-------------------- | -------------

[hypertheme](https://www.npmjs.com/package/hypertheme) - A theme manager for Hyper, published right off the bat. You should import your favorite text editor or terminal theme and [add it to awesome-hyper](https://github.com/bnb/awesome-hyper/issues/new)! | [![npm](https://img.shields.io/npm/dm/hypertheme.svg?label=DL)](https://www.npmjs.com/package/hypertheme)

[hyper-blink](https://www.npmjs.com/package/hyper-blink) - Make your cursor blink. | [![npm](https://img.shields.io/npm/dm/hyper-blink.svg?label=DL)](https://www.npmjs.com/package/hyper-blink)

[hyperborder](https://www.npmjs.com/package/hyperborder) - Add a gradient border with the same colors as in the Hyper logo. | [![npm](https://img.shields.io/npm/dm/hyperborder.svg?label=DL)](https://www.npmjs.com/package/hyperborder)

[hyper-transparent-bg](https://www.npmjs.com/package/hyper-transparent-bg) - Add a transparent background to your Hyper through an interesting HTML hack. | [![npm](https://img.shields.io/npm/dm/hyper-transparent-bg.svg?label=DL)](https://www.npmjs.com/package/hyper-transparent-bg)

[hyperterm-close-on-left](https://www.npmjs.com/package/hyperterm-close-on-left) - Positions the close tab button on the left. | [![npm](https://img.shields.io/npm/dm/hyperterm-close-on-left.svg?label=DL)](https://www.npmjs.com/package/hyperterm-close-on-left)

[hyperterm-mactabs](https://www.npmjs.com/package/hyperterm-mactabs) - Better tab styles, with macOS-inspired design and close buttons on the left, compatible with most themes. | [![npm](https://img.shields.io/npm/dm/hyperterm-mactabs.svg?label=DL)](https://www.npmjs.com/package/hyperterm-mactabs)

[hyper-final-say](https://www.npmjs.com/package/hyper-final-say) - Allows user-set overrides of any plugin or theme settings applied on top of the defaults `./.hyperterm.js`. | [![npm](https://img.shields.io/npm/dm/hyper-final-say.svg?label=DL)](https://www.npmjs.com/package/hyper-final-say)

[hyperterm-overlay](https://www.npmjs.com/package/hyperterm-overlay) - A complete and customizable solution for overlay window in your Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-overlay.svg?label=DL)](https://www.npmjs.com/package/hyperterm-overlay)

[hyper-overlay](https://www.npmjs.com/package/hyper-overlay) - An overlay solution for Hyper 2. | [![npm](https://img.shields.io/npm/dm/hyper-overlay.svg?label=DL)](https://www.npmjs.com/package/hyper-overlay)

[hyper-tab-icons](https://www.npmjs.com/package/hyper-tab-icons) - Add icons to the header tabs for the current running process in Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-tab-icons.svg?label=DL)](https://www.npmjs.com/package/hyper-tab-icons)

[config-hyperterm](https://www.npmjs.com/package/config-hyperterm) - Easily set/get `Hyper` config. | [![npm](https://img.shields.io/npm/dm/config-hyperterm.svg?label=DL)](https://www.npmjs.com/package/config-hyperterm)

[hyperfullscreen](https://www.npmjs.com/package/hyperfullscreen) - Will start Hyper in full screen. | [![npm](https://img.shields.io/npm/dm/hyperfullscreen.svg?label=DL)](https://www.npmjs.com/package/hyperfullscreen)

[hyperterm-crosshair](https://www.npmjs.com/package/hyperterm-crosshair) - Shows the cursor position with an horizontal and vertical highlight/ruler. | [![npm](https://img.shields.io/npm/dm/hyperterm-crosshair.svg?label=DL)](https://www.npmjs.com/package/hyperterm-crosshair)

[hyperterm-cursor](https://www.npmjs.com/package/hyperterm-cursor) - Allows seeing the char behind your cursor by a color difference. | [![npm](https://img.shields.io/npm/dm/hyperterm-cursor.svg?label=DL)](https://www.npmjs.com/package/hyperterm-cursor)

[hypersixteen](https://www.npmjs.com/package/hypersixteen) - A base16 loader for Hyper. | [![npm](https://img.shields.io/npm/dm/hypersixteen.svg?label=DL)](https://www.npmjs.com/package/hypersixteen)

[hyper-stylesheet](https://www.npmjs.com/package/hyper-stylesheet) - Adds support for an external hyper stylesheet. | [![npm](https://img.shields.io/npm/dm/hyper-stylesheet.svg?label=DL)](https://www.npmjs.com/package/hyper-stylesheet)

[hyperlayout](https://www.npmjs.com/package/hyperlayout) - Layout presets for Hyper. | [![npm](https://img.shields.io/npm/dm/hyperlayout.svg?label=DL)](https://www.npmjs.com/package/hyperlayout)

[hyper-autohide-tabs](https://www.npmjs.com/package/hyper-autohide-tabs) - Autohide tab bar when there is only one tab. | [![npm](https://img.shields.io/npm/dm/hyper-autohide-tabs.svg?label=DL)](https://www.npmjs.com/package/hyper-autohide-tabs)

[hyperminimal](https://www.npmjs.com/package/hyperminimal) - Removes the window header for more space and less distraction. | [![npm](https://img.shields.io/npm/dm/hyperminimal.svg?label=DL)](https://www.npmjs.com/package/hyperminimal)

[hyper-autoprofile](https://www.npmjs.com/package/hyper-autoprofile) - Change terminal appearance (backgroundColor, font...) according to current shell prompt. | [![npm](https://img.shields.io/npm/dm/hyper-autoprofile.svg?label=DL)](https://www.npmjs.com/package/hyper-autoprofile)

[hyper-tabs-enhanced](https://www.npmjs.com/package/hyper-tabs-enhanced) - Configurable enhanced tabs with tab icons and more. | [![npm](https://img.shields.io/npm/dm/hyper-tabs-enhanced.svg?label=DL)](https://www.npmjs.com/package/hyper-tabs-enhanced)

[hyper-arc-dark-controls](https://www.npmjs.com/package/hyper-arc-dark-controls) - Pretty window controls from the Arc Dark theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-arc-dark-controls.svg?label=DL)](https://www.npmjs.com/package/hyper-arc-dark-controls)

[hyper-mac-controls](https://www.npmjs.com/package/hyper-mac-controls) - Mac-like window controls for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-mac-controls.svg?label=DL)](https://www.npmjs.com/package/hyper-mac-controls)

[hyper-terminal-tabs](https://www.npmjs.com/package/hyper-terminal-tabs) - Brings Terminal.app look and feel to Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-terminal-tabs.svg?label=DL)](https://www.npmjs.com/package/hyper-terminal-tabs)

[hyper-dark-scrollbar](https://www.npmjs.com/package/hyper-dark-scrollbar) - Pretty scrollbar for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-dark-scrollbar.svg?label=DL)](https://www.npmjs.com/package/hyper-dark-scrollbar)

[hyper-pane](https://www.npmjs.com/package/hyper-pane) - Navigate through panes with arrows, jump directly to a specific pane with digit or change focus on mouse hover. | [![npm](https://img.shields.io/npm/dm/hyper-pane.svg?label=DL)](https://www.npmjs.com/package/hyper-pane)

[hyper-always-on-top](https://www.npmjs.com/package/hyper-always-on-top) - Add a menu item to keep application windows always on top. | [![npm](https://img.shields.io/npm/dm/hyper-always-on-top.svg?label=DL)](https://www.npmjs.com/package/hyper-always-on-top)

[hyper-transparent-dynamic](https://www.npmjs.com/package/hyper-transparent-dynamic) - Dynamically set transparent background based on current theming. | [![npm](https://img.shields.io/npm/dm/hyper-transparent-dynamic.svg?label=DL)](https://www.npmjs.com/package/hyper-transparent-dynamic)

[hyper-vsplit-fix](https://www.npmjs.com/package/hyper-vsplit-fix) - Fixes the vertical split border height in Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-vsplit-fix.svg?label=DL)](https://www.npmjs.com/package/hyper-vsplit-fix)

[hyper-hide-title](https://www.npmjs.com/package/hyper-hide-title) - Hide the window title when there is only one tab. | [![npm](https://img.shields.io/npm/dm/hyper-hide-title.svg?label=DL)](https://www.npmjs.com/package/hyper-hide-title)

[hyper-wal](https://www.npmjs.com/package/hyper-wal) - Extension for using color schemes generated by [wal](https://github.com/dylanaraps/wal) in Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-wal.svg?label=DL)](https://www.npmjs.com/package/hyper-wal)

[hyper-hover-header](https://www.npmjs.com/package/hyper-hover-header) - Hidden header/title bar. Move the cursor to the top border of the window to have the header/title bar fade in. | [![npm](https://img.shields.io/npm/dm/hyper-hover-header.svg?label=DL)](https://www.npmjs.com/package/hyper-hover-header)

[hyper-transparent](https://www.npmjs.com/package/hyper-transparent) - [Hyper](https://hyper.is) plugin to easily set window transparency and vibrancy. | [![npm](https://img.shields.io/npm/dm/hyper-transparent.svg?label=DL)](https://www.npmjs.com/package/hyper-transparent)

[hyper-spotify](https://www.npmjs.com/package/hyper-spotify) - Displays currently playing song on Spotify at the bottom of the terminal and allows you to control your favourite music. | [![npm](https://img.shields.io/npm/dm/hyper-spotify.svg?label=DL)](https://www.npmjs.com/package/hyper-spotify)

[hyper-background](https://www.npmjs.com/package/hyper-background) - Change the background of your Hyper terminal! | [![npm](https://img.shields.io/npm/dm/hyper-background.svg?label=DL)](https://www.npmjs.com/package/hyper-background)

[hyper-vertical-tabs](https://www.npmjs.com/package/hyper-vertical-tabs) - Put the tabs on a sidebar to the left, as is possible in iTerm2 and ROXTerm. | [![npm](https://img.shields.io/npm/dm/hyper-vertical-tabs.svg?label=DL)](https://www.npmjs.com/package/hyper-vertical-tabs)

[themer](https://www.npmjs.com/package/themer) - Generate themes for Hyper and all your other development tools | [![npm](https://img.shields.io/npm/dm/themer.svg?label=DL)](https://www.npmjs.com/package/themer)

[hyper-native-window-decoration](https://www.npmjs.com/package/hyper-native-window-decoration) - Native window decorations in HyperTerm. | [![npm](https://img.shields.io/npm/dm/hyper-native-window-decoration.svg?label=DL)](https://www.npmjs.com/package/hyper-native-window-decoration)

[hyper-hide-scroll](https://www.npmjs.com/package/hyper-hide-scroll) - Extension to hide the scrollbar from your terminal. | [![npm](https://img.shields.io/npm/dm/hyper-hide-scroll.svg?label=DL)](https://www.npmjs.com/package/hyper-hide-scroll)

[hyper-systray](https://www.npmjs.com/package/hyper-systray) - Hyper in native Windows Systray. Hide from taskbar. Global shortcut for show/hide window. | [![npm](https://img.shields.io/npm/dm/hyper-systray.svg?label=DL)](https://www.npmjs.com/package/hyper-systray)

[hyper-window-size](https://www.npmjs.com/package/hyper-window-size) - Set the default window size for Hyper! | [![npm](https://img.shields.io/npm/dm/hyper-window-size.svg?label=DL)](https://www.npmjs.com/package/hyper-window-size)

[hyper-media-control](https://www.npmjs.com/package/hyper-media-control) - Display and control the current song in a variety of media players. | [![npm](https://img.shields.io/npm/dm/hyper-media-control.svg?label=DL)](https://npmjs.com/package/hyper-media-control)

[hyper-folder-icon](https://www.npmjs.com/package/hyper-folder-icon) - Show custom folder's icon for Mac and Linux in tabs. | [![npm](https://img.shields.io/npm/dm/hyper-folder-icon.svg?label=DL)](https://www.npmjs.com/package/hyper-folder-icon)

[hyper-tab-touchbar](https://www.npmjs.com/package/hyper-tab-touchbar) - See and access your terminal tabs from the MacBook Pro's Touch Bar. Supports icons with `hyper-folder-icon`. | [![npm](https://img.shields.io/npm/dm/hyper-tab-touchbar.svg?label=DL)](https://www.npmjs.com/package/hyper-tab-touchbar)

[hyper-opacity](https://www.npmjs.com/package/hyper-opacity) - Set the opacity of your Hyper window. | [![npm](https://img.shields.io/npm/dm/hyper-opacity.svg?label=DL)](https://www.npmjs.com/package/hyper-opacity)

[hyper-custom-touchbar](https://www.npmjs.com/package/hyper-custom-touchbar) - Add custom buttons in MacBook Pro's Touch Bar. | [![npm](https://img.shields.io/npm/dm/hyper-custom-touchbar.svg?label=DL)](https://www.npmjs.com/package/hyper-custom-touchbar)

[hyper-save-windowstate](https://www.npmjs.com/package/hyper-save-windowstate) - Save and restore Hyper window position/size after restart. | [![npm](https://img.shields.io/npm/dm/hyper-save-windowstate.svg?label=DL)](https://www.npmjs.com/package/hyper-save-windowstate)

[hyper-tabs-autohide](https://www.npmjs.com/package/hyper-tabs-autohide) - Hyper plugin for autohiding all tabs. | [![npm](https://img.shields.io/npm/dm/hyper-tabs-autohide.svg?label=DL)](https://www.npmjs.com/package/hyper-tabs-autohide)



[⬆ Back to top](#contents)



## Development



Name and description | Downloads

-------------------------------------------------------------------------------------------------------------------------------------------- | -------------

[hyperterm-open-devtools](https://www.npmjs.com/package/hyperterm-open-devtools) - Open DevTools for currently showing web page with a hotkey. | [![npm](https://img.shields.io/npm/dm/hyperterm-open-devtools.svg?label=DL)](https://www.npmjs.com/package/hyperterm-open-devtools)

[hyperterm-install-devtools](https://www.npmjs.com/package/hyperterm-install-devtools) - Use Chrome DevTools extension on Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-install-devtools.svg?label=DL)](https://www.npmjs.com/package/hyperterm-install-devtools)

[is-hyper](https://www.npmjs.com/package/is-hyper) - Check if your Node.js script is running in Hyper. | [![npm](https://img.shields.io/npm/dm/is-hyper.svg?label=DL)](https://www.npmjs.com/package/is-hyper)



[⬆ Back to top](#contents)



## Fun

Name and description | Downloads

---------------------------------- | -------------

[hyperpower](https://www.npmjs.com/package/hyperpower) - Add a pinch of kick-arse raw POWER to your Hyper! Adds the pixel-explosion and shake effect that's been implemented in several text editors. | [![npm](https://img.shields.io/npm/dm/hyperpower.svg?label=DL)](https://www.npmjs.com/package/hyperpower)

[htyt](https://www.npmjs.com/package/htyt) - Search and play youtube videos in Hyper. | [![npm](https://img.shields.io/npm/dm/htyt.svg?label=DL)](https://www.npmjs.com/package/htyt)

[hyper-john](https://www.npmjs.com/package/hyper-john) - A 10% chance of getting hit with the John Cena theme when opening tabs, windows and splits. | [![npm](https://img.shields.io/npm/dm/hyper-john.svg?label=DL)](https://www.npmjs.com/package/hyper-john)

[hyper-command-gifs](https://www.npmjs.com/package/hyper-command-gifs) - Gives you matching GIFs for your terminal commands. | [![npm](https://img.shields.io/npm/dm/hyper-command-gifs.svg?label=DL)](https://www.npmjs.com/package/hyper-command-gifs)

[hyper-cat](https://www.npmjs.com/package/hyper-cat) - Turn your terminal into nyan cat while typing. | [![npm](https://img.shields.io/npm/dm/hyper-cat.svg?label=DL)](https://www.npmjs.com/package/hyper-cat)

[hyper-cat-cursor](https://www.npmjs.com/package/hyper-cat-cursor) - Replaces the cursor with a cat emoji sequence. | [![npm](https://img.shields.io/npm/dm/hyper-cat-cursor.svg?label=DL)](https://www.npmjs.com/package/hyper-cat-cursor)

[gitrocket](https://www.npmjs.com/package/gitrocket) - Launch a rocket ship in your terminal when you push code with Git! | [![npm](https://img.shields.io/npm/dm/gitrocket.svg?label=DL)](https://www.npmjs.com/package/gitrocket)

[hypergravity](https://www.npmjs.com/package/hypergravity) - Add some fancy physics to your terminal! | [![npm](https://img.shields.io/npm/dm/hypergravity.svg?label=DL)](https://www.npmjs.com/package/hypergravity)

[space-pull](https://www.npmjs.com/package/space-pull) - Add animation of landing rocket in your terminal when pulling code with git. | [![npm](https://img.shields.io/npm/dm/space-pull.svg?label=DL)](https://www.npmjs.com/package/space-pull)

[hyper-bloodbath](https://www.npmjs.com/package/hyper-bloodbath) - A brutal re-imagining of hyperpower. Dripping blood from your cursor. | [![npm](https://img.shields.io/npm/dm/hyper-bloodbath.svg?label=DL)](https://www.npmjs.com/package/hyper-bloodbath)

[hyper-postprocessing](https://www.npmjs.com/package/hyper-postprocessing) - Add fragment shaders to the Hyper terminal. | [![npm](https://img.shields.io/npm/dm/hyper-postprocessing.svg?label=DL)](https://www.npmjs.com/package/hyper-postprocessing)

[git-falcon9](https://www.npmjs.com/package/git-falcon9) - Launch and land SpaceX's Falcon rockets when pushing and pulling code with git! | [![npm](https://img.shields.io/npm/dm/git-falcon9.svg?label=DL)](https://www.npmjs.com/package/git-falcon9)



[⬆ Back to top](#contents)



# Themes



Name and description | Downloads

-------------------- | -------------

[an-old-hype](https://www.npmjs.com/package/an-old-hype) - A Hyper theme inspired by a galaxy far far away... and by Jesse Leites [atom syntax theme](https://atom.io/themes/an-old-hope-syntax). | [![npm](https://img.shields.io/npm/dm/an-old-hype.svg?label=DL)](https://www.npmjs.com/package/an-old-hype)

[hyper-adventure-time](https://www.npmjs.com/package/hyper-adventure-time) - A Hyper port of the Adventure Time theme from [iTerm2 Color Schemes](https://github.com/mbadolato/iTerm2-Color-Schemes). | [![npm](https://img.shields.io/npm/dm/hyper-adventure-time.svg?label=DL)](https://www.npmjs.com/package/hyper-adventure-time)

[hyper-altair](https://www.npmjs.com/package/hyper-altair) - A theme that is a elegant, customizable and has vivid colors. | [![npm](https://img.shields.io/npm/dm/hyper-altair.svg?label=DL)](https://www.npmjs.com/package/hyper-altair)

[hyper-atom-dark-transparent](https://www.npmjs.com/package/hyper-atom-dark-transparent) - Hyper theme based on the hyperterm-atom-dark, but with transparency. | [![npm](https://img.shields.io/npm/dm/hyper-atom-dark-transparent.svg?label=DL)](https://www.npmjs.com/package/hyper-atom-dark-transparent)

[hyper-aurora](https://www.npmjs.com/package/hyper-aurora) - Theme based on Aurora Borealis. | [![npm](https://img.shields.io/npm/dm/hyper-aurora.svg?label=DL)](https://www.npmjs.com/package/hyper-aurora)

[hyper-aww](https://www.npmjs.com/package/hyper-aww) - A theme that changes the terminal background to a different cute animal gif each time you open Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-aww.svg?label=DL)](https://www.npmjs.com/package/hyper-aww)

[hyper-ayu](https://www.npmjs.com/package/hyper-ayu) - Theme based on the Ayu Theme for Sublime Text. | [![npm](https://img.shields.io/npm/dm/hyper-ayu.svg?label=DL)](https://www.npmjs.com/package/hyper-ayu)

[hyper-ayu-light](https://www.npmjs.com/package/hyper-ayu-light) - Theme based on the Ayu Light Theme for Sublime Text. | [![npm](https://img.shields.io/npm/dm/hyper-ayu-light.svg?label=DL)](https://www.npmjs.com/package/hyper-ayu-light)

[hyper-ayu-light-special](https://www.npmjs.com/package/hyper-ayu-light-special) - Theme based on the Ayu Light Theme but added black for readability. | [![npm](https://img.shields.io/npm/dm/hyper-ayu-light-special.svg?label=DL)](https://www.npmjs.com/package/hyper-ayu-light-special)

[hyper-ayu-mirage](https://www.npmjs.com/package/hyper-ayu-mirage) - Theme based on the Ayu Mirage Theme for Sublime Text. | [![npm](https://img.shields.io/npm/dm/hyper-ayu-mirage.svg?label=DL)](https://www.npmjs.com/package/hyper-ayu-mirage)

[hyper-bloody](https://www.npmjs.com/package/hyper-bloody) - An amazing dark theme with awesome vibrant colors. | [![npm](https://img.shields.io/npm/dm/hyper-bloody.svg?label=DL)](https://www.npmjs.com/package/hyper-bloody)

[hyper-captain-sweetheart](https://www.npmjs.com/package/hyper-captain-sweetheart) - Tuff but sweet Hyper theme. | [![npm](https://img.shields.io/npm/dm/hyper-captain-sweetheart.svg?label=DL)](https://www.npmjs.com/package/hyper-captain-sweetheart)

[hyper-chesterish](https://www.npmjs.com/package/hyper-chesterish) - Saturated theme based on Chester syntax. | [![npm](https://img.shields.io/npm/dm/hyper-chesterish.svg?label=DL)](https://www.npmjs.com/package/hyper-chesterish)

[hyper-city-lights](https://www.npmjs.com/package/hyper-city-lights) - A dark theme based on the [City Lights](http://citylights.xyz) syntax. | [![npm](https://img.shields.io/npm/dm/hyper-city-lights.svg?label=DL)](https://www.npmjs.com/package/hyper-city-lights)

[hyper-clean](https://www.npmjs.com/package/hyper-clean) - A clean theme with [IBM Design colors](https://github.com/IBM-Design/colors). | [![npm](https://img.shields.io/npm/dm/hyper-clean.svg?label=DL)](https://www.npmjs.com/package/hyper-clean)

[hyper-cobalt-next](https://www.npmjs.com/package/hyper-cobalt-next) - Theme based on [Cobalt Next VS Code Theme](https://marketplace.visualstudio.com/items?itemName=dline.CobaltNext). | [![npm](https://img.shields.io/npm/dm/hyper-cobalt-next.svg?label=DL)](https://www.npmjs.com/package/hyper-cobalt-next)

[hyper-criollo](https://www.npmjs.com/package/hyper-criollo) - Theme based in vaporwave colors. | [![npm](https://img.shields.io/npm/dm/hyper-criollo.svg?label=DL)](https://www.npmjs.com/package/hyper-criollo)

[hyper-cyan](https://www.npmjs.com/package/hyper-cyan) - A beautiful minimalist theme created for the incredible hyper. | [![npm](https://img.shields.io/npm/dm/hyper-cyan.svg?label=DL)](https://www.npmjs.com/package/hyper-cyan)

[hyper-darkmatter](https://www.npmjs.com/package/hyper-darkmatter) - Dark - Darkmatter theme for Hyper, inspired by [Sublime Darkmatter](https://github.com/patrickemuller/Sublime-Darkmatter-Theme). | [![npm](https://img.shields.io/npm/dm/hyper-darkmatter.svg?label=DL)](https://www.npmjs.com/package/hyper-darkmatter)

[hyper-dracula](https://www.npmjs.com/package/hyper-dracula) - A dark theme for Hyper based on the [Dracula theme](https://draculatheme.com/hyper/). | [![npm](https://img.shields.io/npm/dm/hyper-dracula.svg?label=DL)](https://www.npmjs.com/package/hyper-dracula)

[hyper-firewatch](https://www.npmjs.com/package/hyper-firewatch) - A dark Hyper theme inspired by Campo Santo's Firewatch video game. | [![npm](https://img.shields.io/npm/dm/hyper-firewatch.svg?label=DL)](https://www.npmjs.com/package/hyper-firewatch)

[hyper-flat-2](https://www.npmjs.com/package/hyper-flat-2) - Another Flat theme for Hyper based on Flat theme for Terminal. | [![npm](https://img.shields.io/npm/dm/hyper-flat-2.svg?label=DL)](https://www.npmjs.com/package/hyper-flat-2)

[hyper-flat](https://www.npmjs.com/package/hyper-flat) - A Flat theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-flat.svg?label=DL)](https://www.npmjs.com/package/hyper-flat)

[hyper-frontend-delight](https://www.npmjs.com/package/hyper-frontend-delight) - Dark - Based on Frontend Delight iTerm2 color scheme. | [![npm](https://img.shields.io/npm/dm/hyper-frontend-delight.svg?label=DL)](https://www.npmjs.com/package/hyper-frontend-delight)

[hyper-github-dark-dimmed](https://www.npmjs.com/package/hyper-github-dark-dimmed) - Port of [GitHub Dark Dimmed theme](https://github.com/primer/github-vscode-theme). | [![npm](https://img.shields.io/npm/dm/hyper-github-dark-dimmed.svg?label=DL)](https://www.npmjs.com/package/hyper-github-dark-dimmed)

[hyper-github-light](https://www.npmjs.com/package/hyper-github-light) - Port of [GitHub Light theme](https://github.com/primer/github-vscode-theme). | [![npm](https://img.shields.io/npm/dm/hyper-github-light.svg?label=DL)](https://www.npmjs.com/package/hyper-github-light)

[hyper-gruv](https://www.npmjs.com/package/hyper-gruv) - Dark - Gruvbox Theme based off of [gruvbox](https://github.com/morhetz/gruvbox). | [![npm](https://img.shields.io/npm/dm/hyper-gruv.svg?label=DL)](https://www.npmjs.com/package/hyper-gruv)

[hyper-hybrid-reduced-contrast](https://www.npmjs.com/package/hyper-hybrid-reduced-contrast) - A port of the reduced contrast version of [vim-hybrid](https://github.com/w0ng/vim-hybrid). | [![npm](https://img.shields.io/npm/dm/hyper-hybrid-reduced-contrast.svg?label=DL)](https://www.npmjs.com/package/hyper-hybrid-reduced-contrast)

[hyper-hypest](https://www.npmjs.com/package/hyper-hypest) - A beautiful and minimal macOS theme with vibrancy. | [![npm](https://img.shields.io/npm/dm/hyper-hypest.svg?label=DL)](https://www.npmjs.com/package/hyper-hypest)

[hyper-loved](https://www.npmjs.com/package/hyper-loved) - A dark, elegant theme. | [![npm](https://img.shields.io/npm/dm/hyper-loved.svg?label=DL)](https://www.npmjs.com/package/hyper-loved)

[hyper-macos](https://www.npmjs.com/package/hyper-macos) - Native macOS theme with vibrancy support. | [![npm](https://img.shields.io/npm/dm/hyper-macos.svg?label=DL)](https://www.npmjs.com/package/hyper-macos)

[hyper-mahoushoujo](https://www.npmjs.com/package/hyper-mahoushoujo) - Light theme inspired by magical girls ✨ | [![npm](https://img.shields.io/npm/dm/hyper-mahoushoujo.svg?label=DL)](https://www.npmjs.com/package/hyper-mahoushoujo)

[hyper-material-box](https://www.npmjs.com/package/hyper-material-box) - The most hackable theme for your favorite terminal Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-material-box.svg?label=DL)](https://www.npmjs.com/package/hyper-material-box)

[hyper-material-theme](https://www.npmjs.com/package/hyper-material-theme) - Dark - The most epic material theme now on Hyper App. | [![npm](https://img.shields.io/npm/dm/hyper-material-theme.svg?label=DL)](https://www.npmjs.com/package/hyper-material-theme)

[hyper-materialshell](https://www.npmjs.com/package/hyper-materialshell) - A dark material design theme with a good contrast and color pops at the important parts. Designed to be easy on the eyes, based on [materialshell](https://github.com/carloscuesta/materialshell). | [![npm](https://img.shields.io/npm/dm/hyper-materialshell.svg?label=DL)](https://www.npmjs.com/package/hyper-materialshell)

[hyper-midnight](https://www.npmjs.com/package/hyper-midnight) - A minimalist theme for the Hyper terminal. | [![npm](https://img.shields.io/npm/dm/hyper-midnight.svg?label=DL)](https://www.npmjs.com/package/hyper-midnight)

[hyper-monochrome](https://www.npmjs.com/package/hyper-monochrome) - Monochrome theme, based on [vim-monochrome](https://github.com/fxn/vim-monochrome). | [![npm](https://img.shields.io/npm/dm/hyper-monochrome.svg?label=DL)](https://www.npmjs.com/package/hyper-monochrome)

[hyper-monokai-deluxe](https://www.npmjs.com/package/hyper-monokai-deluxe) - Monokai Deluxe theme with hyperborder in a better way and tab highlighting. | [![npm](https://img.shields.io/npm/dm/hyper-monokai-deluxe.svg?label=DL)](https://www.npmjs.com/package/hyper-monokai-deluxe)

[hyper-moonlite](https://www.npmjs.com/package/hyper-moonlite) - Spin-off of the [New Moon Syntax Theme](https://github.com/taniarascia/new-moon) for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-moonlite.svg?label=DL)](https://www.npmjs.com/package/hyper-moonlite)

[hyper-nord](https://www.npmjs.com/package/hyper-nord) - Nord theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-nord.svg?label=DL)](https://www.npmjs.com/package/hyper-nord)

[hyper-oceans16](https://www.npmjs.com/package/hyper-oceans16) - Saturated theme based on Base16 Ocean syntax. | [![npm](https://img.shields.io/npm/dm/hyper-oceans16.svg?label=DL)](https://www.npmjs.com/package/hyper-oceans16)

[hyper-oldschool](https://www.npmjs.com/package/hyper-oldschool) - Old school terminal theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-oldschool.svg?label=DL)](https://www.npmjs.com/package/hyper-oldschool)

[hyper-omni-theme](https://www.npmjs.com/package/hyper-omni-theme) - Omni theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-omni-theme.svg?label=DL)](https://www.npmjs.com/package/hyper-omni-theme)

[hyper-one-dark-vivid](https://www.npmjs.com/package/hyper-one-dark-vivid) - Dark theme based on Atom One Dark with more vivid text colors. | [![npm](https://img.shields.io/npm/dm/hyper-one-dark-vivid.svg?label=DL)](https://www.npmjs.com/package/hyper-one-dark-vivid)

[hyper-one-light](https://www.npmjs.com/package/hyper-one-light) - Light - A very cute theme with extra light background based on the [Atom One Light](https://github.com/atom/one-light-syntax) pallete. | [![npm](https://img.shields.io/npm/dm/hyper-one-light.svg?label=DL)](https://www.npmjs.com/package/hyper-one-light)

[hyper-papercolor](https://www.npmjs.com/package/hyper-papercolor) - [PaperColor](https://github.com/NLKNguyen/papercolor-theme) theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-papercolor.svg?label=DL)](https://www.npmjs.com/package/hyper-papercolor)

[hyper-peacock](https://www.npmjs.com/package/hyper-peacock) - A Peacock theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-peacock.svg?label=DL)](https://www.npmjs.com/package/hyper-peacock)

[hyper-pokemon](https://www.npmjs.com/package/hyper-pokemon) - Wondrous, tailor-made Pokémon themes for your Hyper terminal. | [![npm](https://img.shields.io/npm/dm/hyper-pokemon.svg?label=DL)](https://www.npmjs.com/package/hyper-pokemon)

[hyper-polarbear](https://www.npmjs.com/package/hyper-polarbear) - A beautiful white theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-polarbear.svg?label=DL)](https://www.npmjs.com/package/hyper-polarbear)

[hyper-ramda](https://www.npmjs.com/package/hyper-ramda) - Theme inspired by the RamdaJS REPL. | [![npm](https://img.shields.io/npm/dm/hyper-ramda.svg?label=DL)](https://www.npmjs.com/package/hyper-ramda)

[hyper-relaxed](https://www.npmjs.com/package/hyper-relaxed) - A theme to take a more relaxed view of things. | [![npm](https://img.shields.io/npm/dm/hyper-relaxed.svg?label=DL)](https://www.npmjs.com/package/hyper-relaxed)

[hyper-rose-pine](https://www.npmjs.com/package/hyper-rose-pine) - All natural pine, faux fur and a bit of soho vibes for the classy minimalist. | [![npm](https://img.shields.io/npm/dm/hyper-rose-pine.svg?label=DL)](https://www.npmjs.com/package/hyper-rose-pine)

[hyper-seashells](https://www.npmjs.com/package/hyper-seashells) - A Hyper port of the [iTerm2 SeaShells](https://github.com/mbadolato/iTerm2-Color-Schemes/blob/master/screenshots/sea_shells.png) color scheme. | [![npm](https://img.shields.io/npm/dm/hyper-seashells.svg?label=DL)](https://www.npmjs.com/package/hyper-seashells)

[hyper-sierra-vibrancy](https://www.npmjs.com/package/hyper-sierra-vibrancy) - hyper-sierra with vibrancy. | [![npm](https://img.shields.io/npm/dm/hyper-sierra-vibrancy.svg?label=DL)](https://www.npmjs.com/package/hyper-sierra-vibrancy)

[hyper-sierra](https://www.npmjs.com/package/hyper-sierra) - A dark theme for Hyper inspired by the Sierra Nevada. | [![npm](https://img.shields.io/npm/dm/hyper-sierra.svg?label=DL)](https://www.npmjs.com/package/hyper-sierra)

[hyper-snazzy](https://www.npmjs.com/package/hyper-snazzy) - Dark - Elegant theme with bright colors. | [![npm](https://img.shields.io/npm/dm/hyper-snazzy.svg?label=DL)](https://www.npmjs.com/package/hyper-snazzy)

[hyper-solarized-dark](https://www.npmjs.com/package/hyper-solarized-dark) - Pleasant and carefully chosen colors based on the popular [solarized](https://ethanschoonover.com/solarized/) palette. | [![npm](https://img.shields.io/npm/dm/hyper-solarized-dark.svg?label=DL)](https://www.npmjs.com/package/hyper-solarized-dark)

[hyper-solarized-light](https://www.npmjs.com/package/hyper-solarized-light) - Pleasant and carefully chosen colors based on the popular [solarized](https://ethanschoonover.com/solarized/) palette. | [![npm](https://img.shields.io/npm/dm/hyper-solarized-light.svg?label=DL)](https://www.npmjs.com/package/hyper-solarized-light)

[hyper-solarized-one](https://www.npmjs.com/package/hyper-solarized-one) - A 2-for-1 [Solarized](https://ethanschoonover.com/solarized/) theme for the Hyper Terminal. It knows what 🕐 it is... | [![npm](https://img.shields.io/npm/dm/hyper-solarized-one.svg?label=DL)](https://www.npmjs.com/package/hyper-solarized-one)

[hyper-star-wars](https://www.npmjs.com/package/hyper-star-wars) - Super awesome, your Hyper terminal shall look. | [![npm](https://img.shields.io/npm/dm/hyper-star-wars.svg?label=DL)](https://www.npmjs.com/package/hyper-star-wars)

[hyper-sweet](https://www.npmjs.com/package/hyper-sweet) - A dark and modern theme with some neon for hyper. | [![npm](https://img.shields.io/npm/dm/hyper-sweet.svg?label=DL)](https://www.npmjs.com/package/hyper-sweet)

[hyper-teatime](https://www.npmjs.com/package/hyper-teatime) - Light theme with sweet, pastel colors. | [![npm](https://img.shields.io/npm/dm/hyper-teatime.svg?label=DL)](https://www.npmjs.com/package/hyper-teatime)

[hyper-tender](https://www.npmjs.com/package/hyper-tender) - A dark theme inspired by tender.vim. | [![npm](https://img.shields.io/npm/dm/hyper-tender.svg?label=DL)](https://www.npmjs.com/package/hyper-tender)

[hyper-theme](https://www.npmjs.com/package/hyper-theme) - Hyper colors theme for Hyper terminal. | [![npm](https://img.shields.io/npm/dm/hyper-theme.svg?label=DL)](https://www.npmjs.com/package/hyper-theme)

[hyper-thirtyone](https://www.npmjs.com/package/hyper-thirtyone) - A slightly modified classic linux terminal theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-thirtyone.svg?label=DL)](https://www.npmjs.com/package/hyper-thirtyone)

[hyper-white-theme](https://www.npmjs.com/package/hyper-white-theme) - White & Purple theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-white-theme.svg?label=DL)](https://www.npmjs.com/package/hyper-white-theme)

[hyper-zenburn](https://www.npmjs.com/package/hyper-zenburn) - A classic low-contrast theme originally made for vim adapted for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-zenburn.svg?label=DL)](https://www.npmjs.com/package/hyper-zenburn)

[hyper-zigorat](https://www.npmjs.com/package/hyper-zigorat) - A minimal syntax theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyper-zigorat.svg?label=DL)](https://www.npmjs.com/package/hyper-zigorat)

[hyperambient](https://www.npmjs.com/package/hyperambient) - Dark/Light - A theme that reacts to ambient light changes. | [![npm](https://img.shields.io/npm/dm/hyperambient.svg?label=DL)](https://www.npmjs.com/package/hyperambient)

[hyperatompunk](https://www.npmjs.com/package/hyperatompunk) - Hyper extension to make your terminal look like a CRT in Fallout. | [![npm](https://img.shields.io/npm/dm/hyperatompunk.svg?label=DL)](https://www.npmjs.com/package/hyperatompunk)

[hyperblue-vibrancy](https://www.npmjs.com/package/hyperblue-vibrancy) - The same cool tones from hyperblue, now with vibrancy! | [![npm](https://img.shields.io/npm/dm/hyperblue-vibrancy.svg?label=DL)](https://www.npmjs.com/package/hyperblue-vibrancy)

[hyperblue](https://www.npmjs.com/package/hyperblue) - Dark, cool hues. Turns Hyper blue. | [![npm](https://img.shields.io/npm/dm/hyperblue.svg?label=DL)](https://www.npmjs.com/package/hyperblue)

[hyperganymede](https://www.npmjs.com/package/hyperganymede) - A color scheme inspired by the icy coldness of the moons of Jupiter. | [![npm](https://img.shields.io/npm/dm/hyperganymede.svg?label=DL)](https://www.npmjs.com/package/hyperganymede)

[hyperhue](https://www.npmjs.com/package/hyperhue) - Dark/Rainbow - A theme that reacts to the colors of your Philips Hue lights. | [![npm](https://img.shields.io/npm/dm/hyperhue.svg?label=DL)](https://www.npmjs.com/package/hyperhue)

[hypernasa](https://www.npmjs.com/package/hypernasa) - A theme which replaces the terminal background with NASA's Picture of the Day. | [![npm](https://img.shields.io/npm/dm/hypernasa.svg?label=DL)](https://www.npmjs.com/package/hypernasa)

[hyperocean](https://www.npmjs.com/package/hyperocean) - Deep oceanic blue Hyper theme. | [![npm](https://img.shields.io/npm/dm/hyperocean.svg?label=DL)](https://www.npmjs.com/package/hyperocean)

[hyperpanic](https://www.npmjs.com/package/hyperpanic) - Dark - A very pretty theme close to the Panic theme's colors. Dark blue background with very bright highlight colors. | [![npm](https://img.shields.io/npm/dm/hyperpanic.svg?label=DL)](https://www.npmjs.com/package/hyperpanic)

[hyperpunk](https://www.npmjs.com/package/hyperpunk) - Hyper extension to make your terminal look Cyberpunk / Sci-fi. | [![npm](https://img.shields.io/npm/dm/hyperpunk.svg?label=DL)](https://www.npmjs.com/package/hyperpunk)

[hypersolar-dark](https://www.npmjs.com/package/hypersolar-dark) - A dark theme based loosely on Solarized Dark, with a fix for the usual solarized dark colours with blacks that actually show up in your terminal! | [![npm](https://img.shields.io/npm/dm/hypersolar-dark.svg?label=DL)](https://www.npmjs.com/package/hypersolar-dark)

[hyperterm-adventurous](https://www.npmjs.com/package/hyperterm-adventurous) - An adventure time inspired theme based on the Adventurous Atom theme. | [![npm](https://img.shields.io/npm/dm/hyperterm-adventurous.svg?label=DL)](https://www.npmjs.com/package/hyperterm-adventurous)

[hyperterm-atom-dark](https://www.npmjs.com/package/hyperterm-atom-dark) - Dark - Really beautiful import of Atom One Dark theme from the [official Atom theme](https://github.com/atom/one-dark-syntax). | [![npm](https://img.shields.io/npm/dm/hyperterm-atom-dark.svg?label=DL)](https://www.npmjs.com/package/hyperterm-atom-dark)

[hyperterm-base-16-ocean](https://www.npmjs.com/package/hyperterm-base-16-ocean) - Simple Base 16 Ocean theme for hyperterm | [![npm](https://img.shields.io/npm/dm/hyperterm-base-16-ocean.svg?label=DL)](https://www.npmjs.com/package/hyperterm-base-16-ocean)

[hyperterm-base16-tomorrow-dark](https://www.npmjs.com/package/hyperterm-base16-tomorrow-dark) - Dark - Hyper port of Atom's `Base16 Tomorrow Dark` Theme, with a pretty muted pastel pallette. | [![npm](https://img.shields.io/npm/dm/hyperterm-base16-tomorrow-dark.svg?label=DL)](https://www.npmjs.com/package/hyperterm-base16-tomorrow-dark)

[hyperterm-bold-tab](https://www.npmjs.com/package/hyperterm-bold-tab) - Bold's your active tab text. Makes keeping track of your current tab painless. | [![npm](https://img.shields.io/npm/dm/hyperterm-bold-tab.svg?label=DL)](https://www.npmjs.com/package/hyperterm-bold-tab)

[hyperterm-cobalt2-theme](https://www.npmjs.com/package/hyperterm-cobalt2-theme) - Dusty Blue, dark with vibrant pops of colour for the important stuff. Goes well with Cobalt2 ZSH theme. | [![npm](https://img.shields.io/npm/dm/hyperterm-cobalt2-theme.svg?label=DL)](https://www.npmjs.com/package/hyperterm-cobalt2-theme)

[hyperterm-colors](https://www.npmjs.com/package/hyperterm-colors) - Dark - Sweet dark color scheme with a chocolate-y brown background and a pretty set of muted colors! | [![npm](https://img.shields.io/npm/dm/hyperterm-colors.svg?label=DL)](https://www.npmjs.com/package/hyperterm-colors)

[hyperterm-dark-drifter](https://www.npmjs.com/package/hyperterm-dark-drifter) - A (dark) Hyper theme inspired by Heart Machine's Hyper Light Drifter. | [![npm](https://img.shields.io/npm/dm/hyperterm-dark-drifter.svg?label=DL)](https://www.npmjs.com/package/hyperterm-dark-drifter)

[hyperterm-dark-fusion](https://www.npmjs.com/package/hyperterm-dark-fusion) - Hyperterm theme based on atom-dark-fusion. | [![npm](https://img.shields.io/npm/dm/hyperterm-dark-fusion.svg?label=DL)](https://www.npmjs.com/package/hyperterm-dark-fusion)

[hyperterm-dark-macos](https://www.npmjs.com/package/hyperterm-dark-macos) - A theme that pairs nicely with macOS dark mode. | [![npm](https://img.shields.io/npm/dm/hyperterm-dark-macos.svg?label=DL)](https://www.npmjs.com/package/hyperterm-dark-macos)

[hyperterm-deep-space](https://www.npmjs.com/package/hyperterm-deep-space) - Dark - Dark, muted theme with good color matching. | [![npm](https://img.shields.io/npm/dm/hyperterm-deep-space.svg?label=DL)](https://www.npmjs.com/package/hyperterm-deep-space)

[hyperterm-duotone-darkspace](https://www.npmjs.com/package/hyperterm-duotone-darkspace) - Dark/Orange - A beautiful dark theme inspired by [Duotone Themes](http://simurai.com/projects/2016/01/01/duotone-themes) by [Simurai](http://simurai.com/). More color variations can be found [here](https://www.npmjs.com/search?q=hyperterm-duotone-*). | [![npm](https://img.shields.io/npm/dm/hyperterm-duotone-darkspace.svg?label=DL)](https://www.npmjs.com/package/hyperterm-duotone-darkspace)

[hyperterm-earthsong](https://www.npmjs.com/package/hyperterm-earthsong) - A natural and calming theme for Hyper. Ported from iTerm's Earthsong theme. | [![npm](https://img.shields.io/npm/dm/hyperterm-earthsong.svg?label=DL)](https://www.npmjs.com/package/hyperterm-earthsong)

[hyper-electron-highlighter](https://www.npmjs.com/package/hyper-electron-highlighter) - Dark - Port of Atom One Dark syntax colors with more vibrant colors. (previously [hyperterm-electron-highlighter](https://www.npmjs.com/package/hyperterm-electron-highlighter)) | [![npm](https://img.shields.io/npm/dm/hyper-electron-highlighter.svg?label=DL)](https://www.npmjs.com/package/hyper-electron-highlighter)

[hyperterm-firewatch](https://www.npmjs.com/package/hyperterm-firewatch) - Dark – Glowing, dark theme heavily inspired by the [Firewatch game](http://www.firewatchgame.com/) and the [atom syntax theme](https://atom.io/themes/firewatch-syntax) based on it. | [![npm](https://img.shields.io/npm/dm/hyperterm-firewatch.svg?label=DL)](https://www.npmjs.com/package/hyperterm-firewatch)

[hyperterm-gooey](https://www.npmjs.com/package/hyperterm-gooey) - A dark theme with striking green and purple, based off atom-dark. | [![npm](https://img.shields.io/npm/dm/hyperterm-gooey.svg?label=DL)](https://www.npmjs.com/package/hyperterm-gooey)

[hyperterm-gruvbox-dark](https://www.npmjs.com/package/hyperterm-gruvbox-dark) - Dark - Hyper theme with retro, earthy groove colors based on the [gruvbox](https://github.com/morhetz/gruvbox) vim color scheme. | [![npm](https://img.shields.io/npm/dm/hyperterm-gruvbox-dark.svg?label=DL)](https://www.npmjs.com/package/hyperterm-gruvbox-dark)

[hyperterm-gruvbox](https://www.npmjs.com/package/hyperterm-gruvbox) - Theme based on gruvbox with dark, light styles and contrast options. | [![npm](https://img.shields.io/npm/dm/hyperterm-gruvbox.svg?label=DL)](https://www.npmjs.com/package/hyperterm-gruvbox)

[hyperterm-hipster](https://www.npmjs.com/package/hyperterm-hipster) - A hipster theme based on the hipster-syntax theme for Atom. | [![npm](https://img.shields.io/npm/dm/hyperterm-hipster.svg?label=DL)](https://www.npmjs.com/package/hyperterm-hipster)

[hyperterm-horizon](https://www.npmjs.com/package/hyperterm-horizon) - Unofficial port of the VSCode theme [Horizon](https://github.com/jolaleye/horizon-theme-vscode) to Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-horizon.svg?label=DL)](https://www.npmjs.com/package/hyperterm-horizon)

[hyperterm-hybrid](https://www.npmjs.com/package/hyperterm-hybrid) - Dark - Beautiful theme, based on [vim-hybrid](https://github.com/w0ng/vim-hybrid), that combines [Tomorrow-Night](https://github.com/chriskempson/vim-tomorrow-theme), [Codecademy](https://www.codecademy.com/), [Jellybeans](https://github.com/nanotech/jellybeans.vim), and [Solarized](https://github.com/altercation/vim-colors-solarized) themes together. | [![npm](https://img.shields.io/npm/dm/hyperterm-hybrid.svg?label=DL)](https://www.npmjs.com/package/hyperterm-hybrid)

[hyperterm-light-drifter](https://www.npmjs.com/package/hyperterm-light-drifter) - A (light) Hyper theme inspired by Heart Machine's Hyper Light Drifter. | [![npm](https://img.shields.io/npm/dm/hyperterm-light-drifter.svg?label=DL)](https://www.npmjs.com/package/hyperterm-light-drifter)

[hyperterm-material-spacegray](https://www.npmjs.com/package/hyperterm-material-spacegray) - A port of the low-contrast Material Spacegray theme. | [![npm](https://img.shields.io/npm/dm/hyperterm-material-spacegray.svg?label=DL)](https://www.npmjs.com/package/hyperterm-material-spacegray)

[hyperterm-material](https://www.npmjs.com/package/hyperterm-material) - Dark - Brings the famous Material Design colors scheme in Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-material.svg?label=DL)](https://www.npmjs.com/package/hyperterm-material)

[hyperterm-mild-dark](https://www.npmjs.com/package/hyperterm-mild-dark) - A mild dark theme for Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-mild-dark.svg?label=DL)](https://www.npmjs.com/package/hyperterm-mild-dark)

[hyperterm-monokai](https://www.npmjs.com/package/hyperterm-monokai) - Dark - A port of the popular monokai theme. The colors are warm, relaxing and pleasing to the eyes. | [![npm](https://img.shields.io/npm/dm/hyperterm-monokai.svg?label=DL)](https://www.npmjs.com/package/hyperterm-monokai)

[hyperterm-new-moon-theme](https://www.npmjs.com/package/hyperterm-new-moon-theme) - 🌙 The optimized dark theme for web development. Theme based on the [New Moon Syntax Theme](https://github.com/taniarascia/new-moon). | [![npm](https://img.shields.io/npm/dm/hyperterm-new-moon-theme.svg?label=DL)](https://www.npmjs.com/package/hyperterm-new-moon-theme)

[hyperterm-oceanic-next](https://www.npmjs.com/package/hyperterm-oceanic-next) - Dark blue theme optimised for ES2015. Ported from [Oceanic Next](https://github.com/voronianski/oceanic-next-color-scheme). | [![npm](https://img.shields.io/npm/dm/hyperterm-oceanic-next.svg?label=DL)](https://www.npmjs.com/package/hyperterm-oceanic-next)

[hyperterm-panda](https://www.npmjs.com/package/hyperterm-panda) — Panda syntax theme a superminimal, dark Syntax Theme — Hyper port. | [![npm](https://img.shields.io/npm/dm/hyperterm-panda.svg?label=DL)](https://www.npmjs.com/package/hyperterm-panda)

[hyperterm-retro](https://www.npmjs.com/package/hyperterm-retro) - A retro Hyper theme inspired by the [cool-retro-term](https://github.com/Swordfish90/cool-retro-term) terminal emulator. | [![npm](https://img.shields.io/npm/dm/hyperterm-retro.svg?label=DL)](https://www.npmjs.com/package/hyperterm-retro)

[hyperterm-sourcerer](https://www.npmjs.com/package/hyperterm-sourcerer) - A 16-bit dark theme based on [xero/sourcerer](https://github.com/xero/sourcerer). | [![npm](https://img.shields.io/npm/dm/hyperterm-sourcerer.svg?label=DL)](https://www.npmjs.com/package/hyperterm-sourcerer)

[hyperterm-spacegray](https://www.npmjs.com/package/hyperterm-spacegray) - Port of the popular Spacegray theme, optimized for terminal usage. | [![npm](https://img.shields.io/npm/dm/hyperterm-spacegray.svg?label=DL)](https://www.npmjs.com/package/hyperterm-spacegray)

[hyperterm-tomorrow-night](https://www.npmjs.com/package/hyperterm-tomorrow-night) - Dark - Port of the popular Tomorrow Night theme. | [![npm](https://img.shields.io/npm/dm/hyperterm-tomorrow-night.svg?label=DL)](https://www.npmjs.com/package/hyperterm-tomorrow-night)

[hyperterm-ubuntu-theme](https://www.npmjs.com/package/hyperterm-ubuntu-theme) - Ubuntu-style theme. | [![npm](https://img.shields.io/npm/dm/hyperterm-ubuntu-theme.svg?label=DL)](https://www.npmjs.com/package/hyperterm-ubuntu-theme)

[hyperterm-ultrasweet](https://www.npmjs.com/package/hyperterm-ultrasweet) - A dark theme with nebula hues for Hyper. | [![npm](https://img.shields.io/npm/dm/hyperterm-ultrasweet.svg?label=DL)](https://www.npmjs.com/package/hyperterm-ultrasweet)

[hyperterm-unlease](https://www.npmjs.com/package/hyperterm-unlease) - A fresh theme for Hyper that makes you feel like there's one of those pine tree car air fresheners hanging from your terminal. | [![npm](https://img.shields.io/npm/dm/hyperterm-unlease.svg?label=DL)](https://www.npmjs.com/package/hyperterm-unlease)

[hyperterm-wp-theme](https://www.npmjs.com/package/hyperterm-wp-theme) - An adaptation of the popular JetBrains Darcula Theme with support for colored tabs. | [![npm](https://img.shields.io/npm/dm/hyperterm-wp-theme.svg?label=DL)](https://www.npmjs.com/package/hyperterm-wp-theme)

[shades-of-purple-hyper](https://www.npmjs.com/package/shades-of-purple-hyper) - Professional Hyper™ theme with hand-picked & bold shades of purple. Purple can be genius. | [![npm](https://img.shields.io/npm/dm/shades-of-purple-hyper.svg?label=DL)](https://www.npmjs.com/package/shades-of-purple-hyper)

[verminal](https://www.npmjs.com/package/verminal) - A dark Hyper theme with beautiful vibrancy. | [![npm](https://img.shields.io/npm/dm/verminal.svg?label=DL)](https://www.npmjs.com/package/verminal)



Know of another really awesome theme? [Get it on awesome-hyper!](https://github.com/bnb/awesome-hyper/issues/new)



[⬆ Back to top](#contents)



# Resources

* [Official Hyper Website](https://hyper.is/) - The official Hyper website.

* [hyperzsh](https://www.npmjs.com/package/hyperzsh) - Zsh for Hyper.

* [Extending Hyper](https://www.youtube.com/watch?v=q_O-VEermsk&list=PL31ehRjJCA6Ez9Y_dZWymd_LDV7Ydc_0D&index=2) - A talk by Matthew Conlen ([@mathisonian](https://github.com/mathisonian)) at EmpireNode 2016.

* [Hyper Themes screenshot browser](https://hyperthemes.matthi.coffee) by [@MatthiasWinkelmann](https://github.com/MatthiasWinkelmann) to visually browse screenshots of Hyper themes.

* [Carbon](https://carbon.now.sh/) is a tool to easily create Hyper-based screenshots.

* Know of another Hyper resource? [Share the love!](https://github.com/bnb/awesome-hyper/issues/new)



[⬆ Back to top](#contents)