Canvas Pattern Maker - Online Repeat Image Tiles
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
UD5 Toolkit
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
Enter mosaic area and choose tessera size to find the approximate number of tiles required. Includes grout joint factor.
Place rectangular pattern pieces on a virtual fabric width to optimize cutting layout and reduce waste. Simple manual drag & drop. Local only.
A beautiful full‑screen drawing canvas with variable brush sizes, colors, and an eraser. Export your sketch as PNG. All data stays local.
Pixelate or censor parts of an image by dragging. Adjust block size for mosaic effect. Useful for hiding faces or sensitive data. Client-side processing.
Create an animation that advances with scroll using animation‑timeline: scroll(). See the visual timeline editor. Modern CSS.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Select starting and ending surface condition to get an optimal sandpaper grit sequence. Never skip a grit again and achieve a flawless wood finish.
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
Enter quilt perimeter, binding width, and seam allowance to get the exact fabric yardage for either straight‑grain or bias binding.
A full‑screen drawing canvas supporting multiple touch points simultaneously. Different colors per finger. Works on mobile.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Customize falling snow particles with pure CSS or canvas. Adjust speed, size, and wind. Copy the code for your website.
Enter task names, start dates, and durations to generate a simple Gantt chart as an image. Quick project view.
Select cheese type (cheddar, brie) to see recommended curd cut size and visual cube comparison.
Adjust root, margin, and threshold. See a live log of intersection events as you scroll. Debug lazy loading.
Draw a digit (0‑9) on the canvas and a simple neural net guess the number. Educational demo. No upload.
A customisable Matrix‑style digital rain animation. Adjust speed, characters, and colors. Fullscreen mode for ambiance.
Choose sawing material and thickness to get the correct blade type, TPI, and shank. Prevents burning and rough cuts.
Keep track of stitches and rows for your knitting projects. Multiple counters with increase/decrease shortcuts. Data saved in your browser.
Enter the amount of leftover paint and see how many square feet it still covers. Plan touch-ups.
Help the bird fly through pipes without touching them. Click or tap to flap. Track your high score in localStorage. Classic time‑waster.
Use CSS masks and fixed backgrounds to create a unique parallax reveal effect. Copy the code. No JavaScript.
Generate a random potion with a color, effect, and ingredient list. Ideal for RPG item shops and worldbuilding.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.
Visually create the glassmorphism effect: background blur, transparency, and border. Copy the complete CSS. Modern UI design.
Calculate how much fabric you need for a quilt based on block size, number, and sashing. Supports metric and imperial. No upload, local.
See outerWidth, innerWidth, outerHeight, innerHeight, screenX/Y, and availWidth/Height live. Understand the viewport.
Pixelate selected areas of an image to hide faces or sensitive data. Adjust block size. Download the censored result.
When a yarn is discontinued, find equivalent alternatives by matching weight and gauge. Local reference.