Frameworks and libraries for programming languages come and go, but knowing your way around in the terminal is a skill you can use always and everywhere. Using the command line can make you more effective and can help optimise your workflow and make repetitive tasks easy. So in this post we`ve compiled a list of 22 Useful Command Line Tools for Front-End Developer that help you build cool stuff faster.

Hyper

It is a 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.

how2

Stackoverflow from the terminal. It finds the simplest way to do something in a unix shell.

Tiny care

This is a little dashboard that tries to take care of you when you’re using your terminal. It tells you cute, self care things, and tries not to stress you out.

Ttystudio

Record your terminal and compile it to a GIF or APNG without any external dependencies, bash scripts, gif concatenation, etc.

Component app

How much time do you spend copying and pasting the component folder to create a new one ? This is a tool to generate different types of React components from the terminal.

WOPR

A simple markup language for creating rich terminal reports, presentations and infographics.

Stacks

Analyze website stack from the terminal.

Javascripting

Learn JavaScript by adventuring around in the terminal.

Emma

Terminal assistant to find and install node packages.

4Bit

Terminal Color Scheme Designer

Img

Display images in your terminal.

JSON Resume

Cli tool to easily setup a new resume.

Underscore

Command-line utility-belt for hacking JSON and Javascript.

Pageres

Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It’s speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.

Backslide

CLI tool for making HTML presentations with Remark.js using Markdown.

Imagemin

Minify images.

Yaspeller

Search tool typos in the text, files and websites.

Smartcrop

Command line interface for the smartcrop library to provide content aware image cropping.

Http server

It is a simple, zero-configuration command-line http server. It is powerful enough for production usage, but it’s simple and hackable enough to be used for testing, local development, and learning.

Fony

A simple command line tool for generating fake data from a template string.

Imaging heap

A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios.

Bulksplash

A simple command line tool that lets you bulk download images from Unsplash.