Mosaic Tile Calculator – Online Tessera Size & Grout Gap
Enter mosaic area and choose tessera size to find the approximate number of tiles required. Includes grout joint factor.
UD5 Toolkit
Enter mosaic area and choose tessera size to find the approximate number of tiles required. Includes grout joint factor.
Upload a photo and convert it into a Perler/Hama bead pattern with matching colors. Download chart.
Click to randomize geometric SVG patterns. Copy the inline SVG code for your website.
Click grid to place beads, choose colors, generate a loom pattern. Download as image.
Display striped patterns that can cause visual distortion. Learn about visual stress. Switch colors.
Click on a fold technique (spiral, crumple) and see a predicted color pattern. Print folding guide.
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.
Enter word pattern with ? for unknown letters and known letters to find matching dictionary words. Essential crossword help. Local dictionary.
Create a mosaic where many small tiles are replaced with solid colors from a palette. Pixel art style. Adjust grid size. Local canvas.
Place rectangular pattern pieces on a virtual fabric width to optimize cutting layout and reduce waste. Simple manual drag & drop. Local only.
Calculate number of tiles needed for a floor or wall, including waste percentage. Supports different tile sizes. No upload, instant results.
Select emojis and arrange them into a seamless tiling background. Copy the CSS data‑URI or download as image.
Load a sprite sheet, define frames, and play an animation on a canvas. Control frame rate and loop. Game dev tool.
A full‑screen drawing canvas supporting multiple touch points simultaneously. Different colors per finger. Works on mobile.
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.
Place colored points on a canvas and see a smooth gradient mesh interpolate between them. Experimental and beautiful. Download PNG.
A big button that triggers a colourful confetti cannon full‑screen. Use it to celebrate small wins. Pure joy.
Generate a hash showing how trackers can fingerprint your browser (canvas, WebGL, fonts). Educational and privacy‑aware.
Create a customizable checkerboard or grid background using pure CSS gradients. Adjust cell size and colors. Copy the code.
A beautiful full‑screen drawing canvas with variable brush sizes, colors, and an eraser. Export your sketch as PNG. All data stays local.
Create a repeating text pattern from a short string for watermarking documents or images. Download SVG pattern.
Create a custom vibration or beep pattern from a short Morse code message. Design unique ringtone ideas.
Convert a photo into a color‑reduced embroidery or cross‑stitch pattern with DMC thread colors. Adjust size and palette. Print chart.
Create a simple tessellation by deforming a square or triangle and repeating it across the canvas. Hypnotic patterns.
Arrange virtual fabric squares or triangles on a grid to preview a quilt pattern. Change colors and sizes. Export layout.
Convert a small image into a CSS background‑image data URL or a tiled pattern snippet. Speed up your website with inline assets.
Smash bricks with a ball and paddle. Multiple rows of colored bricks, power‑ups, and score tracking. All built with HTML5 Canvas.
Run Conway's Game of Life on a canvas grid. Draw patterns, start/stop the evolution, and adjust speed. A mesmerizing zero‑player simulation.
Crop images into rectangular or circular shapes with interactive handles. Output as PNG or JPEG. A simple, browser-based tool with no uploads required.