Regex Visualizer - Online Railroad Diagram Generator
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
UD5 Toolkit
Visualize English grammar with Reed-Kellogg style diagrams. Parse sentences and see how words relate.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
Identify common grammar mistakes (subject-verb agreement, tense, articles) with simple rule-based analysis. Explanations provided. Not AI, purely rule-based and local.
See the complete recursion tree for small Fibonacci or factorial calculations. Understand overlapping subproblems. Educational.
Fill in the blank with the correct homophone in contextual sentences. Covers to/two/too, your/you’re, and other commonly confused words.
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.
Virtual rooms where you can place images representing items to remember. Practice the method of loci.
Classic hangman with linguistic terms (adjective, participle, etc.). Solidify your grammar vocabulary.
Animated circle guides your breathing: breathe in, hold, breathe out. Customizable ratios (e.g., 4-7-8). Soothing colors, optional bell sound. Purely local.
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.
Simulate a traceroute by entering a destination IP. Learn about AS paths and latency. Does not send real packets; educational visualisation.
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.
Paste a sentence and see each word tagged with its part of speech (noun, verb, adjective). Local rule‑based analysis.
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.
Enter a number and see its Collatz sequence graphed. Watch the steps until it reaches 1. Mesmerizing math.
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.
An animated hourglass that you can set for any time. Watch the sand flow. Beautiful and calming timer.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.