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

Amazon Cuts Huawei Watch 2 Price To $194.99

Huawei's latest smartwatch has received a temporary price cut in the United States. There is no word on how long the promotion will last, but those interested

This Medical Camera Can See Right Through Human Body

Now, a team at the University of Edinburgh has developed a medical camera that can see right through your body. This new camera works by detecting light sources inside the body, such as

Google Search About To Receive A New “Speed Test Tool”, Here Is How To Use It

I use the Speed Test tool by Ookla to check the speed of my broadband connection. Generally, I use Google Search to visit the website. But the last time when I Googled the term “speed test,” I didn’t have to go much further than the search result itself.

Microsoft Has Released The First Windows 10 Build 16353 For Insiders

As Fall Creators Update is nearing its release, Skip Ahead was announced last month. It enables fast ring users to continue receiving new features, though the RS_PRERELEASE