UD5 Toolkit
Chess Board Viewer - Online Setup FEN & Analyze Positions
Set up a chess position using FEN notation or drag pieces. Share the position link or screenshot. No AI, just board.
Shuffleboard Strategy Visualizer – Online Puck Placement Planner
Shuffleboard Strategy Visualizer – Online Puck Placement Planner
Drag pucks to plan placement. Scoring (right to left):
10 pts ·
8 pts ·
7 pts ·
Neutral: 0 ·
Off board: -10
Scoreboard
Red: 0
Blue: 0
Frequently Asked Questions
It's an interactive tool to plan puck placements on a virtual shuffleboard. Drag red/blue pucks into scoring zones to test strategies and calculate real-time scores.
Zones occupy the rightmost 30% of the board: 10 pts (gold, right edge), 8 pts (silver, middle), 7 pts (bronze, inner). Left 70% is neutral (0). Pucks beyond the right edge score -10 ("off").
Yes. The standard layout reflects common shuffleboard rules. Use it to drill blocking, knocking opponents out, and maximizing your own score safely.
Every add, move, or delete creates a history state. Use Undo/Redo buttons to step through previous configurations. Clear All resets everything.
Absolutely. Pucks are fully draggable on phones and tablets. The layout adapts to smaller screens, and touch gestures are supported.
Practice guard placements, learn positioning to force opponent errors, and understand how to protect a lead by placing low-risk pucks.
Chess Position Editor - Online Setup Board & Export FEN
Drag and drop pieces to set up a chess position. Generate FEN string and copy to share. Analyze openings. Local only.
Memory Palace Trainer – Online Visualize & Place Items
Virtual rooms where you can place images representing items to remember. Practice the method of loci.
Canvas Sprite Animation - Online Play Sprite Sheet
Load a sprite sheet, define frames, and play an animation on a canvas. Control frame rate and loop. Game dev tool.
Prepositions of Place Practice – Online Drag to Correct
Drag words to the correct position in a sentence using in, on, at. Visual feedback.
Gradient Match Game - Online Drag & Match Linear CSS
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for front‑end developers to master gradients.
CSS Transform Origin Playground - Online Visual Pivot
Click on a box to set the transform‑origin point and see how rotations and scales change. Copy the CSS.
Sudoku Generator - Online Play & Create 9x9 Puzzles
Generate a random Sudoku puzzle with a unique solution. Choose difficulty and type numbers on the board. Timer and mistake counter.
CSS Animation Generator - Online Keyframes & Transitions
Create CSS animations and transitions without coding. Define keyframes, easing, and duration. Copy the @keyframes and animation code instantly.
Dynamic SVG Placeholder Generator - Online Text-Based
Generate an SVG placeholder image with custom text, width, height, and colors. Use as a placeholder service. Pure SVG.
Virtual Circular Slide Rule – Online E6B Style Calculator
Drag the virtual ring to perform multiplication, division, and unit conversions. Rediscover pre‑electronic calculator charm.
Paper Fortune Teller Simulator – Online Click & Open Flat
Virtual paper fortune teller. Pick a color, count, and reveal a random fortune. Nostalgic fun.
CSS 3D Transform Sandbox – Online Rotate Translate Preview
Adjust rotateX/Y/Z and translate to see a 3D box in real time. Copy optimized CSS transform.
Brownian Motion Simulator - Online Random Walk Visual
Visualize Brownian motion with hundreds of particles. Adjust temperature and viscosity to see diffusion changes. Educational science tool.
Touch Feedback Generator - Online Haptic & Visual Cue
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
Random Number Generator - Online RNG Between Range
Generate truly random numbers within a specified range. Useful for contests, game decisions, and sampling. Runs locally, no hidden algorithms.
Animatable CSS Properties Cheatsheet - Online Reference
Search and filter all CSS properties that can be animated. See value types and example keyframes. Quick dev reference.
Chromatic Adaptation Demo - Online See Color Under Different Lights
Simulate how a palette looks under daylight, tungsten, or fluorescent light. Understand metamerism. For accurate color work.
Carrom Aim Trainer – Online Virtual Flick & Rebound Practice
Practice carrom shots on a virtual board. Visualize rebounds and plan your strike on the physical board.
Arrow Spine Selector – Online Draw Weight & Point Weight Tool
Enter your bow's draw weight, arrow length, and point weight to find the correct arrow spine. Essential for tuning.
Background‑Blend‑Mode Explorer - Online Layer Patterns
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.
Selection & Range API Demo - Online Get/Set Selection
Select text and see the Selection object properties. Create ranges programmatically. Understand how rich‑text editors work.
SVG Placeholder Image - Online Dynamic Size Box
Generate a link to an SVG placeholder image with a custom width, height, and text. Use as dummy image src. No server.
Markdown Table Generator - Online Visual Builder & Formatter
Create and format Markdown tables by adjusting rows and columns. Align text, copy the raw Markdown. Perfect for README files.
Image Hue Shifter - Online Change Colors Easily
Rotate the hue of any image globally. Turn a red car blue instantly. Download the result. Works entirely in the browser.
Moving Box Calculator - Online Estimate How Many Boxes You Need
Enter number of rooms and get an estimate of how many moving boxes in each size you'll need. Plan your move efficiently. Local tool.
Random Startup Idea Generator - Online Business Spark
Combine two random concepts to spark the next billion‑dollar startup idea. Silly or serious, it's brainstorming fun.
animation‑composition Demo - Online Blend Multiple Animations
See how `animation‑composition: replace, add, accumulate` works by layering animations on the same property. Understand the spec.
object‑fit & object‑position Demo - Online Image Scale Control
Try all object‑fit values (fill, contain, cover, scale‑down) on an image. Adjust object‑position. Copy the CSS.
BlurHash Generator & Preview - Online Placeholder Image
Upload an image and get its BlurHash string along with a tiny preview. Use for progressive loading. Pure JavaScript.