Mermaid Diagram Renderer - Online Flowchart & UML Editor
Write Mermaid markdown and instantly see the rendered flowchart, sequence diagram, or Gantt chart. Copy SVG output. Browser-side rendering.
UD5 Toolkit
Click "Add Event" above to start building your visual history chart.
Write Mermaid markdown and instantly see the rendered flowchart, sequence diagram, or Gantt chart. Copy SVG output. Browser-side rendering.
Upload an image and see its 2D FFT magnitude and phase. Learn how image filtering works. Educatinal tool. Canvas.
Create a basic Open Graph image with a title, background color, and logo. Download as PNG. Perfect for small sites.
Combine multiple static images into a single animated GIF. Adjust frame delay and order. No upload, in‑browser encoding.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
Play an audio file or use mic to see real‑time frequency bars. Choose colors. Great for music videos. Canvas.
Paste lyrics and tap while the song plays to embed timestamps. Export as .lrc file for music players. All in browser.
Design visual posts for Instagram, Twitter, Facebook. Background gradients, text, and stickers. Download as PNG. No sign‑up.
Visualize audio in real time from your microphone or uploaded audio file. See the waveform dance. Uses Web Audio API locally.
Track daily mood with emoji selection and optional notes. See weekly/monthly mood trends in a color-coded chart. All data stored privately in localStorage.
Convert any image into beautiful ASCII art. Adjust brightness and character set for the best effect. Share text-based pictures. Runs entirely in the browser.
View recent earthquakes worldwide on a map. Fetches public USGS GeoJSON feed directly from browser. Real-time data.
Connect a MIDI controller and see every message in a log. Filter by channel and type. Essential for debugging music apps.
Generate a standard XML sitemap for your website by entering a start URL. Crawls internal links directly from your browser. No server-side processing.
Enter a URL to see exactly what Open Graph and Twitter card tags will be shown when shared on social media. Fetch from browser.
Upload a WebP image and automatically generate a <picture> tag with JPEG/PNG fallback. Ensure compatibility everywhere.
Upload an image and see its RGB and luminance histograms. Understand exposure and color distribution. Photographer tool.
Enter RGB values row by row and create a tiny BMP file. Understanding bitmap headers. Geeky developer tool.
Fill in says, thinks, does, feels quadrants for a user persona. Save locally or print.
Upload a photo and turn it into an optimized Open Graph image with title overlay. Perfect for blog social shares. Canvas.
Connect your MIDI keyboard and see pressed notes visually on a piano roll. Check velocity, channel, and aftertouch. No DAW needed.
Load an image to see separate red, green, blue histograms. Exposure and color balance tool.
Add floating emoji reactions (like live streams) to any screenshot or photo. Export as still image. Fun social media tool.
Enter the recipe's wattage and your microwave's wattage to convert cooking time. Prevent burnt or cold food.
See the current AudioContext state (suspended, running). Resume it with a button. Understand autoplay policies.
Display a Snellen chart on screen and mark distance for a fun self-test. Not a replacement for professional exam.
Apply vintage and sepia effects to your photos. Adjust grain, vignette, and tone curves. Download filtered image. Local canvas manipulation.
Upload a font file or specify a URL and generate the complete @font‑face rule with modern formats and font‑display. Copy instantly.
Reduce the number of colors in your photo to create a bold, pop‑art poster effect. Adjust levels and download.
Parse a Snowflake ID (used by Discord, Twitter) into its timestamp, worker, and sequence components. Instant local decoding.