Visual Fraction Adder – Online Slice & Combine Pies
Drag pie slices to represent fractions and see them added together. Great for visual learners.
UD5 Toolkit
Discover the unpredictable paths of hailstone numbers
Drag pie slices to represent fractions and see them added together. Great for visual learners.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Overlay outlines of different paper sizes scaled to real dimensions on screen. Choose the right one.
Draw a raised bed and drag plant icons to arrange them. See spacing requirements. Print layout.
Build a cron expression using plain English toggles and see its visual timeline. No memorization needed.
Type a simple sentence and see a rudimentary Reed‑Kellogg diagram. Educational.
Virtual rooms where you can place images representing items to remember. Practice the method of loci.
Animated circle guides your breathing: breathe in, hold, breathe out. Customizable ratios (e.g., 4-7-8). Soothing colors, optional bell sound. Purely local.
Generate a random sequence of yoga poses with images and descriptions. Choose difficulty and duration. Build a home practice routine. Local only.
Enter a decimal number and see a visual breakdown of bits, place values, and bitwise operations. Learn binary easily.
Add multiple CSS filters (grayscale, blur, hue‑rotate) to an image. See the combined effect. Copy the CSS filter value.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Drag items into grid cells and see the resulting grid‑area or line‑based placement code. Learn how auto‑placement and spanning work.
Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.
Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.
Connect oscillators, gain nodes, and filters with a visual graph. Hear the result in real time. Learn Web Audio interactively.
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Set a cron expression and see a calendar of the next 1,000 execution times. Never miss a schedule again.
Combine multiple static images into a single animated GIF. Adjust frame delay and order. No upload, in‑browser encoding.
An animated hourglass that you can set for any time. Watch the sand flow. Beautiful and calming timer.
Watch and repeat the growing sequence of colored buttons. How long is your memory? Classic electronic game replica.
Build a yoga flow by dragging pose cards into a sequence. Pose reference images included. Print or share your flow.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Watch a color sequence and click the same pattern. Gets longer each round. Test and improve your working memory. All local.
Repeat the growing color sequence. How far can you go? Classic memory game with sound and animations.