🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Shell.js is a jQuery plugin used to create responsive, themeable terminal windows with custom username, host, and commands on the webpage.

Terminal

Documentation

Shell.js

A JavaScript library to create HTML terminals in web pages.

npm npm snyk travis coveralls license

Install

$ yarn add shell.js # recommended $ npm i shell.js $ bower install shell.js --save

Options

For each Shell instance you can set the following options:

Options Allowed values Description Defaut value
user string The user "user"
host string The host "host"
path string The working directory "~" | "C:\Windows\system32"
style "default"|"ubuntu"|"osx"|"windows" The OS style "default"
theme "dark"|"light" The theme "dark"
responsive boolean Responsiveness true
typed Typed callable Typed.js integration to make shell alive null
commands array The commands list []

Usage

Create a HTML element with a specified ID...

<div id="awesome-shell"></div>

...and pass the CSS selector to the Shell.js constructor:

document.addEventListener('DOMContentLoaded', function() {     let shell = new Shell('#awesome-shell', {         user: 'foobar',         host: 'MacMini',         path: '/etc/',         style: 'osx',         theme: 'dark',         responsive: false,         commands: ['First command', 'Second command', '...']     }); });

Visit the documentation page

Author

Davide Caruso

License

Licensed under MIT.


You May Also Like