Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Shell - ASCII Box Drawing Framework

Live Preview

Shell - ASCII / MS-DOS Box Drawing Framework.

The most complete framework for recreating terminal and MS-DOS Code Page 437 environments in the browser.

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.

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 Real-time Video Player.

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.

Animated Typing 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.

BONUS: Bootstrap Skin

Shell ASCII Frame includes a robust Boostrap 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.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.