Home
/
Topics
Screen & Demo Tools
46 explainers
Screen & Demo Tools
Excalidraw: The Whiteboard That Shares a Link, Not Your Drawing
A deep dive into the local-first architecture, encrypted collaboration, and canvas performance tricks that make Excalidraw feel simple on the surface and unusually careful underneath.
10 min read
Screen & Demo Tools
tldraw: The Infinite Canvas That Wants to Be Your App’s UI Layer
A deep look at how tldraw turns React, the DOM, multiplayer sync, and AI-friendly tooling into a canvas engine for building spatial software.
10 min read
Screen & Demo Tools
Codex-Dream-Skin: How a Theme Project Reimagines Codex as a Live, Injectable UI
It does not edit the app. It talks to it, measures the art, and adapts the interface in real time.
8 min read
Screen & Demo Tools
Beyond the Deck: How frontend-slides Reinvents the Presentation as a State Machine
Moving past rigid templates to AI-orchestrated, zero-dependency editorial design.
Screen & Demo Tools
decimen-optical-transfer: Decimen Optical Transfer: The Browser Turns Light Into a File Pipe
A deep dive into the fountain-coded QR system that moves files across an air gap with no network, no cable, and no native app.
8 min read
Screen & Demo Tools
thinking-orbs: The Spinner Library That Learned to Think
A tiny Canvas 2D engine turns AI status into semantic motion, with states for searching, solving, composing, and more.
10 min read
Screen & Demo Tools
Spite-Driven Development: Unpacking magnum6actual/flipoff
How a developer used zero dependencies, Vanilla JavaScript, and pure spite to clone a mechanical split-flap display for any browser.
6 min read
Screen & Demo Tools
Zhuzhiliao: The Single-File Web Toy That Preserves a Vanishing Sound
A physics-first bamboo cicada built to run offline, survive dependency rot, and recreate the feel of a folk object through motion, audio, and procedural form.
8 min read
Screen & Demo Tools
AVAL: When Video Starts Behaving Like Software
An open-source runtime that turns prerendered motion into deterministic, seekless interaction without giving up visual fidelity.
9 min read
Screen & Demo Tools
`palantir-for-family-trips`: The Command Center for Coordinating a Family Yosemite Run
A React dashboard turns arrival windows, route playback, meal logistics, and trip readiness into an ops-style interface that makes group travel feel like a live system.
8 min read
Screen & Demo Tools
wmux: The Terminal Multiplexer Built to Watch AI Agents Work
A Windows-native visibility layer for Claude Code that turns browser automation, shell activity, and agent state into one supervised desktop.
8 min read
Screen & Demo Tools
website: Ghostty and the Architecture of the Living Spec
How the web's most rigorous terminal documentation uses Nix, MDX, and custom AST transformations to turn dry escape sequences into an interactive technical manual.
8 min read
Screen & Demo Tools
DogSprite: The Browser Sprite Editor That Lets AI Draw by Calling Functions
A look at the open-source pixel art editor that pairs a fast local canvas with an MCP server, turning sprite work into a structured, editable pipeline instead of a flat image dump.
9 min read
Screen & Demo Tools
tab-out: Tab Out: The Local-First Mission Control That Turns Tab Cleanup Into a Browser System
A Chrome extension, a local server, and a SQLite state machine work together to turn the New Tab page into a control surface for open tabs, tab groups, and instant cleanup.
8 min read
Screen & Demo Tools
soramarker: The Watermark Is the Whole Trick
SoraMarker turns a meme into a browser-native video pipeline, then makes the logo move so the effect feels alive instead of pasted on.
6 min read
Screen & Demo Tools
The Zero-Install CLI: Unpacking elsesiy/qrgo
How a minimalist Go service leverages HTTP and ANSI escape codes to deliver instant, terminal-native QR codes without a single local dependency.
4 min read
Screen & Demo Tools
AlgoPlayground: The React Playground That Turns Algorithms Into a Live Performance
A look at how callback injection, async pauses, and generator-based stepping let one small app teach sorting, search, and pathfinding without burying the logic in UI code.
8 min read
Screen & Demo Tools
RetroVesta Turns React Into a Split-Flap Machine
A deep dive into the timing loop, manual DOM updates, and design discipline behind a screen that feels mechanical, not decorative.
7 min read
Screen & Demo Tools
ljg-cards: ljg-skills: The Claude Code Repo That Treats Design Like a Scoring Problem
Inside `ljg-card`, raw text is parsed for meaning first, assigned visual weight next, and rendered into polished PNG cards with headless-browser typography.
12 min read
Screen & Demo Tools
Hebereke-Bunny-Garden-Fix-Mod: The Tiny Unity Patch Kit That Rewrites the Game’s Defaults
A surgical BepInEx mod that forces higher internal resolution, unlocks rendering options, adds a free camera, and shows how much a fix mod can do with a handful of targeted hooks.
9 min read
Screen & Demo Tools
`chriskwan/whiteboard` and the Beautiful Simplicity of Peer-to-Peer Drawing
A tiny no-build canvas app shows how far you can get with WebRTC, a shared peer ID, and a deliberate refusal to build a server.
7 min read
Screen & Demo Tools
ljg-infograph: The Infographic Skill That Lets Claude Decide the Layout
A minimal Claude Code skill that turns raw notes into polished PNG infographics by making the model choose structure, theme, and hierarchy before the browser renders anything.
8 min read
Screen & Demo Tools
The 16-Context Limit: How shaderjoy Multiplexes WebGL
By rendering to a single hidden framebuffer and transferring pixels to standard 2D canvases, Chenglou's zero-dependency playground bypasses a hard browser constraint.
6 min read
Screen & Demo Tools
Inside aidenybai/website-2025: The Personal Site That Runs a Sidecar Bundle
A tiny API route and a polling loader turn a plain Next.js site into a live host for an external script.
7 min read
Screen & Demo Tools
Vibe Coding on a Tight Leash: Inside anthonywu/ghost-invaders-game
How a strict Markdown spec and a zero-dependency architecture turned an AI coding session into a masterclass in procedural generation.
7 min read
Screen & Demo Tools
Executing Formal Verification in the Browser: Inside asupersync_website
How a React 19 visual laboratory replaces the static README to prove the safety of a cancel-correct Rust runtime.
8 min read
Screen & Demo Tools
StarKnightt/windows-xp-portfolio: The Browser Tab That Thinks It’s Windows XP
A high-fidelity retro desktop, built as a portfolio template, where the real invention is not nostalgia but the orchestration of windows, state, and user attention.
8 min read
Screen & Demo Tools
BunnyGardenFixMod: Hebereke-Bunny-Garden-Fix-Mod Turns a Locked-Down PC Port Into a Real Graphics Menu
A small BepInEx plugin that unlocks frame rate, internal resolution, anti-aliasing, and camera controls by patching Unity at runtime.
8 min read
Screen & Demo Tools
ShadowGraph: The Single-File GEOINT Tool That Turns a Browser Into an Intelligence Desk
A noir-styled map and graph app for tracing spatio-temporal links across people, institutions, and status states, built to work cleanly even when the network does not.
8 min read
Screen & Demo Tools
Leonxlnx/multilayer-effect: How to Make a 404 Feel Like a Stage Set
A small Next.js experiment that turns parallax, masking, and particle recycling into a convincing illusion of depth.
7 min read
Screen & Demo Tools
shapeit: The Writing Tool That Refuses to Let a Draft Run Wild
A conversational editor that turns raw markdown into structured articles by forcing every section to justify itself.
8 min read
Screen & Demo Tools
pretext-arena: Pretext Arena: the multiplayer game where text is the player
A TypeScript agar.io-style arena that turns live typography into a physics object, from custom rendering to authoritative multiplayer sync.
8 min read
Screen & Demo Tools
Beyond WPM: The Diagnostic Architecture of ruxy1212/typing-speed-test
How a headless typing engine and CSS-driven heatmaps turn raw keystrokes into actionable performance data.
Screen & Demo Tools
Beyond the Slide: How vibe-coding-jam-presentation Turns Code into Cinema
Moving past static decks to bespoke, zero-dependency web engines that treat the browser as a stage.
Screen & Demo Tools
Splash-Cursor: The Fluid Simulation That Lives Inside a React Component
A close look at how a cursor effect turns into raw WebGL, shader plumbing, and Shadcn-style copy-paste distribution.
7 min read
Screen & Demo Tools
Piczy: The Pixel Art App That Records the Drawing, Not Just the Result
A low-resolution canvas, a replayable action history, and an AI reference grid turn every artwork into a process you can watch, learn from, and share.
8 min read
Screen & Demo Tools
tiktok-screenshot-resize Turns TikTok’s UI Into a Fixed Geometry Problem
A tiny Python tool that pads screenshots to a safe vertical canvas, keeps text crisp with 4:4:4 JPEG output, and packages the whole workflow as an AI-friendly skill.
7 min read
Screen & Demo Tools
Shoot-a-Zombie: The Tiny Pygame Shooter That Teaches You How Games Actually Work
A manual collision system, a hand-rolled animation loop, and a one-file game state machine turn a simple zombie clicker into a lesson in game logic.
8 min read
Screen & Demo Tools
ReverseSnake: The Snake Game Where You Are the Food
A tiny browser game flips a familiar arcade loop, then makes the hunt feel intelligent with predictive AI, slippery movement, and a revive-by-teleport trick.
6 min read
Screen & Demo Tools
DogSprite: The Pixel Art Editor That Lets AI Hold the Brush
A browser-based sprite studio with an MCP server, programmatic templates, and one shared engine for humans and agents.
8 min read
Screen & Demo Tools
bug-catcher-game: Bug Catcher Gnome: The Tiny Godot Game That Cheats Depth and Multiplies Players
A compact arcade project that uses authoritative multiplayer, browser-aware RPC paths, and a convincing 2.5D illusion to make a small world feel much bigger.
7 min read
Screen & Demo Tools
landing-desing-exp: landing-design-exp: the landing page as a choreographed system
Aiden Bai’s experiment treats motion, layout, and scroll activation as coordination, not decoration.
9 min read
Screen & Demo Tools
BinaryTreeVisualizer: Turning LeetCode Strings Into Moving Trees
A plain-JavaScript SVG engine that parses tree dialects, maps nodes, and animates BST and heap operations with almost no machinery.
8 min read
Screen & Demo Tools
FantasmicForms: Fantasmic Forms: The Browser Tab That Compiles D&D Prep into XML
A single-file, schema-aware tool that turns tabletop chaos into downloadable XML without a backend, a login, or a build step.
7 min read
Screen & Demo Tools
pixelassets: Pixel Assets is a motion engine dressed like a folder of files
Bills, cards, coins, and wallets get their depth from HTML, CSS, Canvas, and math, not from a heavyweight graphics stack.
9 min read
Screen & Demo Tools
svg-term-recorder: The tiny recorder that makes terminal demos feel rehearsed
A Bun-powered TypeScript script, a virtual clock, and SVG output turn messy shell sessions into lightweight documentation assets.
6 min read