Wood Joint Selector – Online Choose Based on Load & Look
Answer questions about project type and strength needed to get a joint recommendation. Animations.
UD5 Toolkit
Plan, distribute, and lighten your load for a more comfortable trek
Answer questions about project type and strength needed to get a joint recommendation. Animations.
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
Create a simple seating chart by dragging desk icons and assigning names. Print or screenshot. Perfect for teachers.
Select text and see the Selection object properties. Create ranges programmatically. Understand how rich‑text editors work.
Adjust a brightness threshold slider and see the live vector trace of an image. Export as SVG. Potrace‑style.
Try all object‑fit values (fill, contain, cover, scale‑down) on an image. Adjust object‑position. Copy the CSS.
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for front‑end developers to master gradients.
Generate an SVG placeholder image with custom text, width, height, and colors. Use as a placeholder service. Pure SVG.
Render 1000 styled elements using inline styles vs. CSS classes and compare time. Understand CSS‑in‑JS trade‑offs.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
Create a looping animated gradient background with multiple color stops. Copy the complete CSS keyframes. Eye‑catching.
Enter a resource name and HTTP method to get a complete Express route handler with try/catch and comments.
Search for common ingredient substitutions (e.g., buttermilk, egg, cornstarch). Quick reference for when you're missing something. Local data.
Create and format Markdown tables by adjusting rows and columns. Align text, copy the raw Markdown. Perfect for README files.
Quick reference of HTTP methods with their semantics, idempotency, and example REST usage. Static, fast.
Create a random magical item with a name, effect, and lore for your RPG session. Perfect for dungeon masters. No API.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.
Construct HTTP Link headers for server push replacements, preload, and preconnect. Copy the header value.
Generate the doGet() and doPost() boilerplate for a Google Apps Script web app. Ready to paste into the editor.
Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.
Paste any iframe embed code (YouTube, maps) and get a responsive wrapper div with correct aspect ratio CSS.
Visualize Brownian motion with hundreds of particles. Adjust temperature and viscosity to see diffusion changes. Educational science tool.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Generate a link to an SVG placeholder image with a custom width, height, and text. Use as dummy image src. No server.
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
Drag and drop pieces to set up a chess position. Generate FEN string and copy to share. Analyze openings. Local only.