Image Pixelator - Online Censor & Mosaic Effect Tool
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.
UD5 Toolkit
Online Block & Censor Editor — pixelate faces, text, or sensitive areas in seconds. 100% private, no upload to server.
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 CSS mask‑image effects with custom shapes, gradients, and SVGs. Visually see the mask applied to an image. Copy the CSS.
Select any HTML element on a page and capture its screenshot. Download as PNG. Perfect for bug reports. JavaScript API demo.
Set start and end times for a video and trim it without re-encoding. Download the clip. Pure browser.
Check if your site has a visible and functional skip navigation link. Key for keyboard‑only users.
Adjust root, margin, and threshold. See a live log of intersection events as you scroll. Debug lazy loading.
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
Swipe through visual stages of cold injury to understand frostnip vs. superficial frostbite. First aid reminders.
Paste HTML/CSS and render it to a canvas image. Download as PNG. For creating dynamic social share images.
Write or paste HTML, CSS, and JavaScript and instantly see the rendered output in a sandboxed iframe. A handy frontend prototyping tool.
Use CSS masks and fixed backgrounds to create a unique parallax reveal effect. Copy the code. No JavaScript.
Write Markdown and see the formatted HTML preview in real time. Syntax highlighting and GitHub-flavored Markdown support. No upload, fully local.
Choose sawing material and thickness to get the correct blade type, TPI, and shank. Prevents burning and rough cuts.
Take a screenshot of the current browser tab using Screen Capture API. Crop, annotate with text and arrows, and download as PNG. Local only.
Type raw HTML and see the escaped version, then see how it renders when unescaped. Understand encoding better.
Write a paint worklet in JavaScript and see it used as a CSS background instantly. Experiment with Houdini. Local.
Divide your day into blocks with color codes. Drag tasks into slots. See free time at a glance.
Apply content‑visibility: auto to off‑screen sections and see the rendering cost drop. Demos for infinite scroll optimization.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.
Write JavaScript using element.animate() and see the result in a live preview. Compare with CSS keyframes. Debugger included.
See how overflow: visible, hidden, scroll, and auto behave with real content. Clone to test with your text.
Generate an <img> tag with the loading='lazy' attribute and optional low‑quality placeholder. Improve Core Web Vitals. Copy the snippet.
Run a CPU‑heavy calculation (e.g., prime numbers) in a Web Worker and see the UI stay responsive. Code snippet provided.
Toggle content‑visibility: auto on long blocks and see the rendering time difference. Understand this powerful property.
Visually create the glassmorphism effect: background blur, transparency, and border. Copy the complete CSS. Modern UI design.
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
Calculate large Fibonacci numbers in a Web Worker. See the UI remain responsive. Copy the pattern for your app.
Enter mosaic area and choose tessera size to find the approximate number of tiles required. Includes grout joint factor.
Write Mermaid syntax inside Markdown blocks and instantly see rendered flowcharts, sequence diagrams, and Gantt charts. Copy SVG.
Customize falling snow particles with pure CSS or canvas. Adjust speed, size, and wind. Copy the code for your website.