Web Locks API Demo - Online Resource Coordination
Acquire and release locks across tabs. Prevent race conditions in IndexedDB or localStorage. Visual queue and lock state.
UD5 Toolkit
Acquire and release locks across tabs. Prevent race conditions in IndexedDB or localStorage. Visual queue and lock state.
Toggle browser‑generated bold and italic when a real italic is missing. Understand and control font fallback rendering.
Paste a git log and generate a polished changelog grouped by type (feat, fix, etc.). Follows Keep a Changelog format. Local.
Break a large block of text into a numbered list of sentences. Useful for analysis or translation. Local processing.
Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.
Toggle scrollbar‑gutter: stable to reserve space for the scrollbar and avoid content jumps. Visual demo with two columns.
Create multi‑step keyframe animations by adding stops and properties. Play and pause. Copy the complete CSS. Intuitive UI.
Describe cron schedule expressions in plain English and test future execution times. Indispensable for DevOps and backend developers. Local analysis.
Generate a plausible technical blog post title. Useful for practice writing or placeholder content. All local.
Simulate different cache strategies (Cache First, Network First, Stale‑While‑Revalidate) and see responses. Learn offline patterns.
Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
Create half‑hour time blocks for your day. Drag to resize and reorder. Export as image. All local.
Enter a cron expression and get a plain English description of when it runs. Understand complex schedules instantly. Developer friendly.
Paste a corpus of text and generate new random sentences that mimic the style using Markov chains. Local only.
Take a normal sentence and reverse the word order. Sound like Yoda or just play with language.
Build a cron expression using plain English toggles and see its visual timeline. No memorization needed.
Build a responsive masonry layout using the column‑count property. No JavaScript. Copy the minimal CSS.
Fill in daily work hours and tasks, and generate a printable PDF timesheet. Clean, professional layout. Local.
Demonstrate how to yield heavy computation to user input using the isInputPending API. Keep UI responsive.
Type on your QWERTY keyboard and see the text as if you were on a Dvorak layout. Helps learn Dvorak without switching.
Start recording and watch for Long Tasks that block the main thread. See task duration and attribution. Improve Interaction to Next Paint.
Generate a random sequence of button presses that looks like a retro game cheat code. Totally useless, totally fun.
Turn your photo into a black‑and‑white charcoal or chalk drawing. Adjust texture and contrast. Artistic.
Transform your photo into a comic book panel with Ben‑Day dots, heavy outlines, and speech bubbles. Download as image.
Overlay a realistic aged paper, parchment, or canvas texture onto any photo. Vintage effect. Download result.
Crop any image into a perfect circle and save as PNG with transparent corners. For profile pictures. Local canvas.
Transform an image from rectangular to polar coordinates (and back). Create amazing circular swirl effects. Local canvas.
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
Add a soft vignette to your photo. Control radius, darkness, and feathering. Creates a classic photographic look.
Slide left for cooler (blue) or right for warmer (orange) tones on your image. Quick photo adjustment. Local.