UD5 Toolkit
Interactive Multiplication Chart β Online Highlight Patterns
Click cells to see patterns, highlight multiples. Visual way to learn multiplication. Print empty grid.
Interactive GraphQL Query Builder β Point & Click
Schema Explorer
Connect to an endpoint
or load the demo schema
or load the demo schema
Generated Query
Response
Execute your query
to see results here
to see results here
RealβTime Sky Map β Online Interactive Tonight's Stars
Use browser compass and geolocation to show which planets and stars are overhead. Minimal, local only.
Bookmarklet Code Builder - Online Convert JS to Bookmark
Write a JavaScript snippet and get a readyβtoβdrag bookmarklet link. With minification and encoding. Easy browser tools.
CSS Subgrid Layout Builder - Online Align Nested Grids
Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.
Permissions Query API Demo - Online Check All APIs
Query the permission state of camera, microphone, geolocation, and more. See the response and learn the API.
GraphQL Request Tester - Online Simple Client
Enter a GraphQL endpoint, write a query, and see the response. Add headers and variables. Simple testing client.
CSS Grid Layout Builder - Online Visual Drag & Drop
Add rows and columns, merge cells, and set gaps visually. Get the gridβtemplate CSS and HTML. Fast layout prototyping.
CSS Transition Playground - Online Visual Easing Curve Builder
Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.
ScrollβDriven Carousel Builder - Online CSS-Only Slider
Construct a CSSβonly carousel with scrollβsnap and scrollβdriven animations. Configurable gap, items, and progress indicator. Copy the HTML/CSS.
Advanced CSS Gradient Builder - Online MultiβStop & Angle
Create complex linear gradients with any number of color stops, exact angles, and length units. Live preview and CSS code.
Interactive Regex Cheatsheet - Online Quick Reference
An interactive reference for regular expression tokens. Click a token to see its explanation and example. Learn regex faster.
Atom Builder 2D - Online Create Elements with Protons/Electrons
Drag protons, neutrons, and electrons onto a Bohr model template. See the element change. Educational tool.
Vanilla JS Plugin Builder - Online Template Generator
Get a clean, commented JS plugin skeleton with IIFE or ES module pattern. Start your new library faster.
Elevator Pitch Builder - Online Structured Intro
Craft a 30βsecond elevator pitch by filling in problem, solution, and ask. Copy the final professional text.
Decision Tree Builder - Online Visual Yes/No Path
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
SQL Query Formatter - Online Prettify & Highlight
Upload ugly SQL and get a beautifully indented, syntaxβhighlighted version. Supports multiple dialects. All local.
Interactive Color Wheel - Online Learn Color Theory
An interactive color wheel that teaches primary, secondary, tertiary colors, and harmonies. Pick and mix like a pro.
CSS Grid Playground - Online Interactive Layout Builder
Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.
CSSβOnly Accordion Builder - Online No JavaScript FAQ
Configure and generate a pure CSS accordion with details/summary styling. Copy the HTML/CSS. Accessible and lightweight.
Human Skeleton Anatomy Viewer - Online Interactive Bones
Click on any bone in the human skeleton to see its name and learn about it. Rotatable 3Dβlike view. Study aid.
Yoga Sequence Builder - Online Drag & Drop Poses
Build a yoga flow by dragging pose cards into a sequence. Pose reference images included. Print or share your flow.
Rock Cycle Interactive Diagram - Online Geology Model
Click through the rock cycle to see how each rock type transforms into another. Animated arrows and descriptions.
GraphQL Query Builder - Online Visual Construct Request
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Venn Diagram Builder - Online 2β & 3βSet Overlap Visualizer
Create simple 2β or 3βset Venn diagrams by entering commaβseparated lists. Shareable via URL fragment. No account.
Crossword Builder - Online Create & Solve Simple Puzzles
Build a small crossword by adding words and clues. Export as a printable grid or solve in browser. Perfect for classrooms.
GraphQL Playground - Online Query & Schema Explorer
Execute GraphQL queries against any endpoint with variables and headers. Explore schema via introspection. All requests made directly from your browser.
Interactive Periodic Table - Online Chemistry Reference
An interactive periodic table of elements with detailed properties, electron configuration, and images. Excellent educational resource. All static data.
Query String Parser & Builder - Online URL Params Editor
Parse a URL's query string into a key-value table, or build a query string from parameters. Perfect for API testing and web development.
RegEx Tester - Online Regular Expression Builder & Matcher
Build and test regular expressions against sample text. Real-time match highlighting, capture groups display, and flavor options. All inside your browser.
SQL Formatter & Beautifier - Online SQL Query Cleaner
Format and beautify SQL queries for improved readability. Supports various SQL dialects. Quick syntax highlighting and local processing ensure a secure experience.