Images

Shell allows you to convert any image (in any format) into works of ASCII art. Just add a a simple class: ascii-image to any image and let Shell handle the rest.

Real-Time Video

Shell converts video playback into ASCII by harnessing the power of HTML5 and JavaScript. Shell provides options for controlling the FPS, letter inversion and even custom character selection.

ASCII Boxes

Carefully modeled after classically-programmed interfaces, ASCII boxes are built using pure CSS - no images. Shell puts the old-school Code Page 437 back in your hands.

ASCII BOXES


ASCII Boxes are designed to look and function like old interfaces created with box drawing characters. The title of this box has been designated as the drag handle.


Just add class="ascii-img" to any image - inside or outside of ASCII Boxes - to have Shell convert it to ASCII art. You can optionally invert the letters - for dark backgrounds - and also control what characters are used during conversion.

DRAGGABLE


Shell provides many options for customizing each ASCII Box independently. This ASCII Box uses a different character for the drop shadow.

When dragging, Shell will automatically handle the layering of all ASCII Boxes.

Each ASCII Box can optionally have a Collapse Button and Close Button. You can change the Button Symbols by selecting from 10 presets or entering the Code Page 437 symbol code directly.

You can also configure the Scrolling Speed as well as disabling the Scrollbar completely.

Collapsible ASCII Boxes

Shell can be used to develop complete interfaces or to add a little retro flare. Shell automatically warps your DIV decades back in time - without relying on any images - by adding a simple class.

ASCII Boxes are optionally draggable, with custom handles and automatic layering.

Geek out and optionally use actual Code Page 437 codes to customize ASCII Box Scrollbars, Shadows and Buttons.

Customizable Video Player

Play
Mute

Video Controls

Customize the color, font and FPS for ASCII Video - as well as what characters Shell should use during playback. Any element can quickly be assigned as Video Controls.

Cursors:\>|

Shell includes additional cursor options, such as animated blinking cursors that can be placed anywhere on your page and are perfect for mock prompts.

Shell creates a Animated Typing elements with simple classes. You can customize as many strings to be typed and control animation speeds, cursor visbility and more.

Shell Bootstrap Skin

Shell ASCII Frame includes a robust Boostrap 3.2 Skin - perfect for styling a variety of vintage computing-inspired sites. Relive the box-drawing days through a full collection of drop-down menus, tables, buttons, lists, badges, panels, progress bars, alerts, list groups and much more.

Check it out

Support

Shell ASCII Framework has been tested in multiple environments using the latest jQuery. Comprehensive and Interactive Documentation is included. Support questions and feature requests will be answered as soon as possible. No knowledge of Javascript, jQuery, or HTML is necessary to use this plugin.