Touch Paint Canvas - Online Multi‑Touch Drawing Board
A full‑screen drawing canvas supporting multiple touch points simultaneously. Different colors per finger. Works on mobile.
UD5 Toolkit
A full‑screen drawing canvas supporting multiple touch points simultaneously. Different colors per finger. Works on mobile.
Draw a digit (0‑9) on the canvas and a simple neural net guess the number. Educational demo. No upload.
Write a paint worklet in JavaScript and see it used as a CSS background instantly. Experiment with Houdini. Local.
Move your mouse or finger to create colorful paint splatters on canvas. Great stress reliever. Download as PNG.
Enter the amount of leftover paint and see how many square feet it still covers. Plan touch-ups.
Select starting and ending surface condition to get an optimal sandpaper grit sequence. Never skip a grit again and achieve a flawless wood finish.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Write or paste HTML, CSS, and JavaScript and instantly see the rendered output in a sandboxed iframe. A handy frontend prototyping tool.
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
Paste HTML/CSS and render it to a canvas image. Download as PNG. For creating dynamic social share images.
Add many complex CSS styles and measure frames per second. Isolate expensive properties. Practical performance lab.
Register and apply a custom paint worklet to draw a background pattern dynamically. Write the paint function in the browser.
Take a screenshot of the current browser tab using Screen Capture API. Crop, annotate with text and arrows, and download as PNG. Local only.
Write Markdown and see the formatted HTML preview in real time. Syntax highlighting and GitHub-flavored Markdown support. No upload, fully local.
Explore the Mandelbrot set with click-to-zoom and vibrant colors. A mesmerizing math journey inside your browser.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Write JavaScript using element.animate() and see the result in a live preview. Compare with CSS keyframes. Debugger included.
Drop files onto a zone and see a preview with name, size, and type. Copy the JavaScript pattern for your site.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.
Help the bird fly through pipes without touching them. Click or tap to flap. Track your high score in localStorage. Classic time‑waster.
Type raw HTML and see the escaped version, then see how it renders when unescaped. Understand encoding better.
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
Select any HTML element on a page and capture its screenshot. Download as PNG. Perfect for bug reports. JavaScript API demo.
Toggle content‑visibility: auto on long blocks and see the rendering time difference. Understand this powerful property.
Create a custom element with named slots and see content projection in action. Learn Web Components basics.
Answer simple questions (braid/mono, hook/swivel) to see the recommended fishing knot with step‑by‑step animation.
Log how many times you've passed clay through the pasta machine. Ensure thorough conditioning without guesswork.
Pick a random icebreaker question or activity for remote meetings. Never start a meeting awkwardly again.
Divide your day into blocks with color codes. Drag tasks into slots. See free time at a glance.