2025-03-16 06:02:00
github.com
Cascii is a web-based ASCII and Unicode diagram builder written in vanilla Javascript.
It has zero dependencies on any servers, web packing, libraries, and is no-markup and no-stylesheets. You can start building diagrams by simply opening the cascii.html file in a browser. Cascii is also hosted at cascii.app where you can get short links to your diagrams, open an account, etc.
Here is a diagram built with Cascii that loosely explains how Cascii is structured internally:
┌╶╶╶╶╶╶╶╶╶╶╶╶╶╶┐
╷ GroupManager ╷
└╶╶╶╶╶╶╶╶╶╶╶╶╶╶┘
┌─────────────┐ / ┌─────────────┐
│EventManager │ / ┌───────│SquareLayer │
└─────────────┘ / │ │─────────────│ ┌───────────────┐
\ / │───────│CircleLayer │ ┌────│SwitchLineLayer│
\ / │ │─────────────│ │ │───────────────│
┏━━━━━━━━━━━━┓ │───────│BaseLineLayer│◀──┐────│FreeLineLayer │
┃LayerManager┃◀──────┘ │─────────────│ │ │───────────────│
┗━━━━━━━━━━━━┛ │───────│DiamondLayer │ └────│StepLineLayer │
┌────────────┐ / / \ │ │─────────────│ └───────────────┘
│CharManager │/ / \ │───────│FreeLayer │
└────────────┘ / \ │ │─────────────│
/ \ └───────│TableLayer │
┌────────────┐ \ └─────────────┘ Pixels!
│ ModeMaster │ •
└────────────┘ • • ▲
• • │
• • │
• CanvasCom ────────────────────────────────┘
• •
• •
• •
•
Edit/view: https://cascii.app/7c24a
Simply download and open the cascii.html
file!
…Literally…
curl https://cascii.app -o cascii.html && open cascii.html
…Or…
If you are not making changes, it’s recommended to use cascii.app
directly so you can take advantage of short links and save your work. Locally, short links will not appear in your exports.
- Basic drawing
- Selection (area selection, multi-selection, resize, move)
- Joints
- Grouping
- Ordering
- Duplicating
- Dynamic tables
- Free draw / erase
- Auto save (browser local storage)
- Paste / import text
- Layers: Free, Switch Lines, Steps Lines, Free Lines, Square, Circle, Diamond, Text, Table
- History (undo/redo)
- Line styling
- ASCII and Unicode
ctrl-g
Groupctrl-c
Copy layerctrl-z
Undoctrl-shift-z
Redoctrl-a
Select allbackspace/delete
Delete layershift-click
Multi-select | single-select member of grouparrow keys
Move layerctrl-v
Paste text (when editing text), or paste as a layer in any other mode
Contributions are very welcomed. Please feel free to submit proposals directly in the form of a PR or Issue.
Licensed under the Apache License, Version 2.0
Keep your files stored safely and securely with the SanDisk 2TB Extreme Portable SSD. With over 69,505 ratings and an impressive 4.6 out of 5 stars, this product has been purchased over 8K+ times in the past month. At only $129.99, this Amazon’s Choice product is a must-have for secure file storage.
Help keep private content private with the included password protection featuring 256-bit AES hardware encryption. Order now for just $129.99 on Amazon!
Help Power Techcratic’s Future – Scan To Support
If Techcratic’s content and insights have helped you, consider giving back by supporting the platform with crypto. Every contribution makes a difference, whether it’s for high-quality content, server maintenance, or future updates. Techcratic is constantly evolving, and your support helps drive that progress.
As a solo operator who wears all the hats, creating content, managing the tech, and running the site, your support allows me to stay focused on delivering valuable resources. Your support keeps everything running smoothly and enables me to continue creating the content you love. I’m deeply grateful for your support, it truly means the world to me! Thank you!
BITCOIN bc1qlszw7elx2qahjwvaryh0tkgg8y68enw30gpvge Scan the QR code with your crypto wallet app |
DOGECOIN D64GwvvYQxFXYyan3oQCrmWfidf6T3JpBA Scan the QR code with your crypto wallet app |
ETHEREUM 0xe9BC980DF3d985730dA827996B43E4A62CCBAA7a Scan the QR code with your crypto wallet app |
Please read the Privacy and Security Disclaimer on how Techcratic handles your support.
Disclaimer: As an Amazon Associate, Techcratic may earn from qualifying purchases.