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

Follow Us

WHAT'S HOT

FAISS: Facebook Just Released A New Open Source Library For Clustering Big Data

FAISS is an open-source library released by Facebook for similarity search and clustering high-dimensional data. This library finds application in complex datasets like images and videos which could not fit in RAM all at once.

Best Gaming Linux Distros You Need To Try In 2017

Gaming on Linux scene is improving each year with better hardware support and increasing support from game developers. Apart from established distros like Ubuntu and Arch Linux, gamers are using gaming Linux distros like Steam OS to get a better experience. The other It’s gaming operating systems are Sparky Linux – Gameover

What Is Fluent Design System? How Is Microsoft Building The Most Beautiful Operating System?

At Build 2017 Day 2, Microsoft made its Project Neon official. Now called Fluent Design System, this project will slowly change the look and feel of all Windows apps. It’s based on five fundamentals: light, depth, motion, material, and scale. Transition to Fluent Design System will take place slowly over the course of next few months.

Google’s Open Source DIY Kit Turns Your Raspberry Pi Into An AI Assistant

The latest edition of the MagPi magazine includes a DIY kit created by Google that can be used to create a custom Google Home device powered by Raspberry Pi. A user can take advantage of the Google Assistant SDK and Google Cloud Speech API to enable voice control in their projects.