Mocking-Board:
The easy internet signage tool
For schools, conference centers, churches, and anywhere else you want to put a sign up on the screen
Mocking-Board
Lofi Digital Signage—Charming, Simple, and Always Editable
Project Summary
Mocking-Board is a web-based, ultra-lightweight digital signage tool designed for everyday signage needs. It delivers the same charming, lofi simplicity as hand-drawn signs, but with the flexibility, speed, and clarity of a digital tool. No downloads, no installation—just open in any browser on a computer, monitor, or tablet and start editing.
Key Features
- Instantly Editable: Signage is always live and editable—never “rendered” or locked. Change text, colors, images, and layout at any time, even while displayed.
- No Setup Required: Runs in any modern browser. No downloads, no accounts, no dependencies. Works on desktops, laptops, iPads, and more.
- Lofi Aesthetic: Emulates the approachable, friendly look of hand-drawn signs, but with digital precision and zero mess.
- Hyper-Performant: Loads instantly, even on old hardware. Designed for reliability in classrooms, lobbies, events, and pop-up displays.
- Rich Customization: Supports per-element color transitions, animated gradients, custom fonts, images, and more—without sacrificing simplicity.
- Robust Undo/Redo & Import/Export: Never lose your work. Save, restore, and remix layouts with a single click. JSON exports are LLM-friendly for programmatic scene creation.
- Zero Lock-In: Your signage is always yours—editable, portable, and future-proof.
Implementation
- Pure Web Technology: Built with vanilla JavaScript, HTML, and CSS for maximum compatibility and speed.
- Modular Animation Engine: Per-element animation state and interval management for smooth, isolated effects.
- Import/Export: JSON-based layouts for easy sharing, backup, and reuse.
- Touch & Pointer Support: Works seamlessly on touchscreens and traditional devices.
- Accessibility: Keyboard navigation and high-contrast themes for inclusive use.
Outcome
- Charming, Flexible Signage: Used in schools, offices, and events for everything from daily announcements to wayfinding and pop-up art.
- Outperforms Paper: No more smudges, eraser dust, or wasted markers—just clear, beautiful signage that’s always up to date.
- Endlessly Reusable: The tool never “finishes” your sign—edit and adapt as often as you like, with no technical barriers.
- Free. Forever.