Create awesome GIFs from a terminal: Nice-looking animations with Terminalizer
Eric Ávila
Have you ever wanted to generate cool GIFs from a terminal output? Do you want to have fancy animations to show some code snippets?
Using terminalizer, you will be able to create fantastic animations by following this simple guide!
The solution
1. First, you need to install NodeJS v12.21.0 (LTS) from https://nodejs.org/download/release/v12.21.0/. Other versions may not be compatible with terminalizer, and you might have problems when using it.
2. After that, install terminalizer globally by using the command:
npm install -g terminalizer
Now you can use the following commands to record, play and share a GIF:
# Start recording a demo in a file called my_demo.yml
terminalizer record my_demo
# Now run the commands you want to appear in the GIF.
# When you have finished, press Ctrl+D (⌘+D) to stop recording.
# You can play the demo you just recorded by using the play option.te
terminalizer play my_demo.yml
# At this point you can customize several things,
# check the "🌟 Pro tips" section below.
# If you're happy with the result, render the GIF from your YML
# file. This will create a file in your current directory.
terminalizer render my_demo.yml
🌟 Pro tips: You can edit and customize your GIF before rendering it by modifying the content of the .yml
file.
- For example, you can change the colours or the style by changing the
theme
and the frameBox
objects in the YML:
theme:
background: "#28225C"
(...)
frameBox:
type: floating
title: Terminalizer Rocks!
- You can also edit the content and the timing of the output by modifying the
records
object:
# Records, feel free to edit them
records:
- delay: 50
content: "\e[35mErics-MacBook-Air\e[0m:~ eric$ "
So with a few modifications, we can get something like this:
Summary
Terminalizer is a beautiful and easy-to-use tool to create GIFs from your console/terminal output. It allows you to create GIFs by recording a session and customizing everything as desired in a simple YML format, perfect for newcomers to use it.
About Qbeast
Qbeast is here to simplify the lives of the Data Engineers and make Data Scientists more agile with fast queries and interactive visualizations. For more information, visit qbeast.io
© 2020 Qbeast. All rights reserved.
Leave a Reply