Terminal Block


Add a rich text terminal window to WordPress posts with Terminal Block.

Terminal Block supports the following display and animation styles:
* Command: displays a prompt with user input and a cursor, uses typing animations
* Output: displays output text, does not use typing animations
* Progress: displays an animated progress bar

This block’s style and animation are adapted from termynal.js version 0.0.1 by Ines Montani, licensed under MIT license.

The plugin icon is terminal icons created by Bharat Icons – Flaticon.


  • By default, each command line is prefixed with "$".
  • Terminal Block also supports custom prompts, such as ">>>".
  • You can change the terminal's title and colors in the block setting sidebar.
  • You can change the prompt used for a command in the block settings sidebar.


This plugin provides 1 block.

  • Terminal Block Display rich text in a terminal window.


  1. Upload the plugin files to the /wp-content/plugins/terminal-block directory, or install the plugin directly through the WordPress plugins page.
  2. Activate the plugin through the ‘Plugins’ page in WordPress.
  3. Search for the block within the Gutenberg block editor.


How do I use custom prompts?

  1. Select the commmand block you would like to have a custom prompt.
  2. Select “Block” in the settings sidebar.
  3. Change the prompt from “$” to your custom prompt in the “Prompt Settings” section.

Does this block use similar typing animations to termynal.js?

Yes, typing animations are supported as of version 0.1.1.


There are no reviews for this plugin.


“Terminal Block” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。


將 Terminal Block 外掛本地化為台灣繁體中文版。


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄



  • Test up to WordPress 6.1
  • Set up linting and CI workflows


  • Fix theme style bleeding into editor view
  • Add support for user defined accent color for prompt and title


  • Use inner blocks for terminal inputs, outputs, and progress bars
  • Add animation
  • Add Fira Mono font


  • Initial release