UD5 Toolkit
Paper Fortune Teller Simulator – Online Click & Open Flat
Virtual paper fortune teller. Pick a color, count, and reveal a random fortune. Nostalgic fun.
Carrom Aim Trainer – Online Virtual Flick & Rebound Practice
Carrom Aim Trainer
Score:
0
Combo x2
Targets: 5
Drag the red striker backward to aim & set power, then release to flick!
Memory Palace Trainer – Online Visualize & Place Items
Virtual rooms where you can place images representing items to remember. Practice the method of loci.
Prepositions of Place Practice – Online Drag to Correct
Drag words to the correct position in a sentence using in, on, at. Visual feedback.
Lunar Lander Simulator - Online Retro Thrust Game
Control a lunar module and try to land softly on the moon. Manage fuel and thrust. Classic arcade physics. Canvas.
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 CV Skill Generator - Online Modern Job Terms
Add some trendy skills to your resume. Generate a list of hard and soft skills relevant for tech and business jobs.
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.
5-4-3-2-1 Grounding Exercise – Online Anxiety Relief
Guided sensory grounding exercise with prompts for sight, touch, hearing, smell, taste. Interactive and calming.
Virtual Circular Slide Rule – Online E6B Style Calculator
Drag the virtual ring to perform multiplication, division, and unit conversions. Rediscover pre‑electronic calculator charm.
Breathing Exercise Timer - Online Box Breathing & 4-7-8 Guide
Guided breathing exercises with animated circle for inhale/hold/exhale. Includes box breathing, 4-7-8, and resonant breathing patterns. Customizable intervals.
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.
Shuffleboard Strategy Visualizer – Online Puck Placement Planner
Drag pucks onto a digital lane to plan offensive and defensive shots. Practice before your next cruise.
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.
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.
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.
Star Trail Length Calculator – Online 500 Rule & More
Calculate maximum shutter speed before star trailing (NPF rule) and estimate trail length for creative effects.
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.
Calorie Burn Calculator by Activity - Online Estimate
Select an activity, enter your weight and duration, and see the estimated calories burned. Based on MET values.
GIF Reverse Tool - Online Create Backwards Animated GIF
Upload an animated GIF and generate a reversed version. Share the funny backwards motion. Works entirely in your browser via canvas.
Dynamic Placeholder Image Service - Online Test Images
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.
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.
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.
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.
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.
Horror Movie Title Generator – Online Spooky Name Creator
Create random spooky film titles with adjectives, nouns, and years. Perfect for Halloween or writing prompts.
Video to GIF Converter - Online Create Animated Images
Trim a video clip and convert it into an animated GIF. Adjust frame rate and size. Processing stays on your computer for privacy.
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.
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.
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.
Image Vignette Effect - Online Darken Edges
Add a soft vignette to your photo. Control radius, darkness, and feathering. Creates a classic photographic look.