Interactive Demo

Try One Character Code

Open the OCC version and watch a full page reconstruct from a single ✦ character. Then compare with the traditional version.

Primary Demo

The Proof in Action

Same page. One is 17,930 bytes. One is 247 bytes.

Traditional Version

Traditional

17,930

bytes

Full HTML with inline CSS and all content. Standard approach.

Open board.html

OCC Carrier Version

✦ OCC

247

bytes

✦

One character. The reader expands it into the full page.

✦ Open OCC Version

App Demonstrations

14 Apps. All OCC-Encoded.

Every app below renders from a single ✦ character.

Calculator

Scientific calc

✦ 247B → 9KB

Live Clock

Analog + digital

✦ 247B → 6KB

Todo App

CRUD + storage

✦ 247B → 7KB

Morse Code

Text ↔ morse

✦ 247B → 6KB

Color Palette

Picker + gen

✦ 247B → 6KB

Password Gen

Secure generator

✦ 247B → 5KB

Stopwatch

Lap timer

✦ 247B → 5KB

BMI Calc

Health metrics

✦ 247B → 5KB

Unit Converter

Length, weight, temp

✦ 247B → 6KB

JSON Formatter

Format & validate

✦ 247B → 6KB

Base64

Encode / decode

✦ 247B → 5KB

Tip Calc

Split the bill

✦ 247B → 5KB

Markdown

Live renderer

✦ 247B → 7KB

Quote Engine

Innovation quotes

✦ 247B → 5KB

How to Use OCC in Your Own Pages

1

Include the OCC Reader script — one line in your HTML head:

<script src="/js/occ-reader.min.js"></script>
2

Point to your registry — set the registry URL:

<script>window.OCC_REGISTRY_URL = '/my-registry.json';</script>
3

Place the carrier character in your body:

<body>✦</body>
4

Or call OCC.render() directly with a pre-registered symbol:

OCC.register('✦', registryObj);
OCC.render('✦');

View Proof Data Full Showcase Join Updates