Drag & Drop File Upload Demo - Online With Preview
Drop files onto a zone and see a preview with name, size, and type. Copy the JavaScript pattern for your site.
UD5 Toolkit
Online List Ranker — Sort, prioritize & organize your lists instantly
Your list is empty
Add items above or drag & drop to reorder
Drop files onto a zone and see a preview with name, size, and type. Copy the JavaScript pattern for your site.
Answer simple questions (braid/mono, hook/swivel) to see the recommended fishing knot with step‑by‑step animation.
Pick a random icebreaker question or activity for remote meetings. Never start a meeting awkwardly again.
Enter income, pay frequency, and expected deductions to estimate your tax refund or balance due. Simplified model.
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Divide pooled tips among staff based on hours worked or weighted percentages. Ensures fair distribution. Instant local calculation.
Schedule tasks with user‑visible, user‑blocking, or background priority. See execution order and delays. Modern web perf.
Fairly distribute pooled tips among staff based on hours worked or points. Customizable percentages. All calculations local and private.
Enter design area and pile height to estimate pounds of yarn needed for a tufted rug. Surprising how much yarn it takes.
Add fish species and sizes to estimate the bioload and check if your tank is overstocked. Inch‑per‑gallon model.
Set start and end times for a video and trim it without re-encoding. Download the clip. Pure browser.
See how overflow: visible, hidden, scroll, and auto behave with real content. Clone to test with your text.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Write Mermaid syntax inside Markdown blocks and instantly see rendered flowcharts, sequence diagrams, and Gantt charts. Copy SVG.
Place rectangular pattern pieces on a virtual fabric width to optimize cutting layout and reduce waste. Simple manual drag & drop. Local only.
Write Markdown and see the formatted HTML preview in real time. Syntax highlighting and GitHub-flavored Markdown support. No upload, fully local.
Calculate daily/monthly/yearly electricity cost of any appliance based on wattage, hours used, and your kWh rate. Compare multiple devices. Fully offline.
Write text with inline footnote markers and this tool will move the notes to the bottom and add proper Markdown links. Saves time.
Select any HTML element on a page and capture its screenshot. Download as PNG. Perfect for bug reports. JavaScript API demo.
Add many complex CSS styles and measure frames per second. Isolate expensive properties. Practical performance lab.
Create a custom element with named slots and see content projection in action. Learn Web Components basics.
Toggle content‑visibility: auto on long blocks and see the rendering time difference. Understand this powerful property.
Choose sawing material and thickness to get the correct blade type, TPI, and shank. Prevents burning and rough cuts.
Build a virtual grocery list with estimated prices and see total before you shop. Adjust quantities, mark bought items. Data stays in browser.
Find your car's engine oil capacity and recommended filter part number. Quick reference for DIY oil change.
Divide your day into blocks with color codes. Drag tasks into slots. See free time at a glance.
Enter task names, start dates, and durations to generate a simple Gantt chart as an image. Quick project view.
Write or paste HTML, CSS, and JavaScript and instantly see the rendered output in a sandboxed iframe. A handy frontend prototyping tool.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.