Skip to main content

Hyper.is: A Terminal Emulator Built Entirely With HTML, CSS, And JavaScript


hyper.is terminal
Hyper is a Cross Operating System Terminal Emulator coded entirely with HTML, CSS, and Javascript built with Electron. It’s extensively extendable, you can even open web URLs inside it like you do in your browser, you can change its font and appearance with text-based configuration and more. It has a plugin oriented API which can be used by
developers to enhance what it can do.
Iswitch operating systems a lot. For example, at my job, I’d have windows operating system. On my laptop, I’d prefer Unix based operating systems. As most coders and developers would agree with me that most of us have a weird fixation in customizing our terminal emulators. For Windows, there is cmder console emulator, which gives Unix-like commands to work on windows.
Most Linux operating systems have their native terminal emulators already installed in them. On MacOS, iterm, seems to be the most popular choice.
Enter Hyper
Video Player
00:00
02:19
It’s a cross-platform terminal emulator with powerful capabilities like many others, built entirely with HTML, CSS and Javascript using Electron. Developed by GitHub for its Atom text editor, Electron powers a variety of well-known applications including Slack, Visual Studio Code, and Nylas N1, among others.
Hyper Terminal Emulator Built With Electron
https://github.com/zeit/hyper/blob/master/package.json
The real advantage of making desktop apps using web technologies like JavaScript, HTML, and CSS is that it lowers the barrier to tweak, extend and customize, meaning you no longer need to dig into GTK or Qt to do something trivial.
Hyper uses facebook’s popular UI library React, and state management library ReduxHyper Uses React Redux
You can do all sort of cool stuff with it. For example, since electron uses Nodejs (which uses Google’s V8 Javascript engine) and Chromium browser, you could open web URLs inside the terminal sessions themselves. How cool is that! Here, see for yourself:
Animated GIF  - Find & Share on GIPHY
There are hot-key-enabled split panes too!
The Chromium project deserves some credit here because Hyper’s terminal is based on Chromium’s hterm terminal emulator.
This could be a boon for developers who use vim a lot and hate to switch between browsers, editors and the terminal. I use VSCode’s inbuilt terminal emulator, but I’m tempted to learn more about vim now, now that I have this super cool terminal emulator in hand.
There’s a very nice and easy to understand text based config that you can open and change.
Animated GIF  - Find & Share on GIPHY
What’s more is that it has a very extendable API, so you could develop plugins for it. These let you add new features or capabilities to the app or totally change the way it looks.
Hyper.is extensions consist of universal Nodejs apps that get loaded by Electron and the rendering process. The extension system is based on the technologies used to build Hyper.is itself: React components and Redux actions. Hence, extending the application is simply a matter of understanding those web technologies.

Comments

WHAT'S HOT

Samsung Overtakes Fitbit In Wearable Sales For First Time

Fitbit has been a top competitor on the global wearable market for a long time, but the South Korea giant Samsung managed to steal the silver crown of the wearable market from Fitbit. According to Strategy Analytics, Samsung gained the

Supermassive Black Holes Found Orbiting Each Other For The First Time

Image Credit: UCR Researchers from Stanford University have identified super-massive binary black holes at the center of Galaxy 0402+379 about 750 billion light years away. The two of the black holes are just 24 light years apart and one of them is orbiting the other. This is the first

System76 Announces Its Own Linux Distribution Named Pop!_OS

Image: System76 Linux machine vendor System76 has launched their own operating system named Pop!_OS. Based on Ubuntu GNOME, this new Linux distro’s Alpha version is right now available for download. The first final release of Pop!_OS will be shipped

"The corruption is everywhere" - Take a look at what a Nigerian saw in the cupcake he bought

A Nigerian man who bought something he thought was a cupcake, got the shocker of his life after he opened the package to see it was a well packaged "bread".


A Nigerian man who bought something he thought was a cupcake, got the shocker of his life after he opened the package to see it was a well packaged "bread".