UD5 Toolkit
WebGPU Bunny Demo - Online Simple 3D Renderer
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
GeoJSON Map Previewer - Online Render on Interactive Map
GeoJSON Map Previewer
Paste or upload GeoJSON to instantly render it on an interactive map.
GeoJSON Input
Click features for details
Frequently Asked Questions
GeoJSON is a lightweight format for encoding geographic data structures. It supports points, lines, polygons, and their multi-part equivalents. It's widely used in web mapping libraries like Leaflet, Mapbox, and OpenLayers.
Yes, this tool renders GeoJSON client-side without size limits beyond browser memory. However, extremely large files (e.g., over 50MB) may slow down rendering. For better performance, simplify your geometries using tools like Mapshaper.
GeoJSON mandates the WGS84 coordinate system (EPSG:4326) with longitude/latitude pairs in decimal degrees. If your data uses a different CRS, convert it before preview.
You can download the GeoJSON file using the Download button and share it. To save the exact map view, take a screenshot. The tool does not store any data on servers.
Absolutely. All processing is done locally in your browser. No data is sent to any server. You can use the tool offline after the page loads.
JavaScript Proxy Playground - Online Observe Object
Apply a Proxy to an object and see the get/set traps log fired in real time. Understand metaprogramming. Local.
Canvas Compositing Demo - Online Blend & Clip Visual
Draw shapes and experiment with globalCompositeOperation. See Porter‑Duff operators in action. Great for game devs.
HTML Meta Inspector - Online View All Page Meta
Paste a URL and extract all meta tags, Open Graph, Twitter Cards, and JSON‑LD. View in a friendly table. Client‑side fetch.
Live Drawing Board - Online Freehand Sketch & Save
A beautiful full‑screen drawing canvas with variable brush sizes, colors, and an eraser. Export your sketch as PNG. All data stays local.
scroll‑start Property Playground - Online Carousel Initial Snap
Define the initial scroll position for a scroll container with scroll‑start. Test with and without snapping. New feature.
CSS Paint Worklet Live Editor - Online Houdini Sandbox
Write a paint worklet in JavaScript and see it used as a CSS background instantly. Experiment with Houdini. Local.
CSS Paint Cost Benchmark - Online Measure Style Performance
Add many complex CSS styles and measure frames per second. Isolate expensive properties. Practical performance lab.
Intersection Observer Sandbox - Online Visual Threshold
Adjust root, margin, and threshold. See a live log of intersection events as you scroll. Debug lazy loading.
CSS Paint Worklet Playground - Online Houdini Backgrounds
Register and apply a custom paint worklet to draw a background pattern dynamically. Write the paint function in the browser.
Canvas Splatter Paint - Online Random Jackson Pollock
Move your mouse or finger to create colorful paint splatters on canvas. Great stress reliever. Download as PNG.
Flappy Bird Clone - Online Side‑Scroll Tap Game
Help the bird fly through pipes without touching them. Click or tap to flap. Track your high score in localStorage. Classic time‑waster.
Tessellation Maker - Online M.C. Escher Style Tiling
Create a simple tessellation by deforming a square or triangle and repeating it across the canvas. Hypnotic patterns.
Soap Recipe Calculator - Online Lye & Oil Saponification
Create a custom soap recipe by selecting oils and their percentages. Get precise lye and water amounts. Safety warnings included.
Tip Pool Splitter - Online Fair Share for Staff
Divide pooled tips among staff based on hours worked or weighted percentages. Ensures fair distribution. Instant local calculation.
Screen Reader Text Preview - Online See Hidden A11y Labels
Enter HTML with aria-labels and see what a screen reader would announce. Simulates common patterns. Local educational tool.
CSS Animation Library Browser - Online Preview & Copy Keyframes
Browse a collection of ready-to-use CSS animations (fade, slide, bounce). Click to preview, then copy @keyframes and class to your project. Local tool.
Social Card Meta Tester - Online See Facebook, Twitter, LinkedIn Previews
Enter a URL and see live mocked previews for Facebook, Twitter, LinkedIn, and Slack based on its meta tags. Find missing tags.
GeoJSON Validator - Online Check Geometry & Properties
Paste a GeoJSON object and validate its structure. Catch missing coordinates, wrong types, and feature errors. Local.
CSV to GeoJSON Converter - Online Map Data Generator
Map CSV columns with latitude/longitude to GeoJSON points. Create map‑ready data instantly. All local.
Twitter Card Previewer - Online See How Tweets Render
Enter a URL and fetch its Twitter card meta tags. See a live preview of how the tweet will appear. Debug social sharing.
HDR Color Preview - Online See Wide Gamut Colors
Test if your display supports HDR colors by rendering a gradient in Rec.2020 space. See what you're missing. Canvas based.
Google Fonts Pairing Suggestions - Online Visual Tester
Select a heading font and see a set of well‑paired body fonts. Live preview with your own text. Copy the import code.
OpenAPI to HTML Preview - Online Swagger UI Generator
Paste an OpenAPI YAML/JSON and render a static, readable API document. No server, pure browser‑based rendering.
SEO Title & Meta Optimizer - Online Pixel Width Preview
See how your page title and description will look in Google SERP. Check pixel width and character count. Local tool.
Local Font Viewer & Preview - Online Test Styles
Browse the fonts installed on your system and type a custom phrase to see how it looks. Uses Local Font Access API where available.
Open Graph Audit Tool - Online Check Social Meta
Enter a URL and see a preview of how it will appear when shared on Facebook, Twitter, LinkedIn. Detect missing tags.
Font Size Scale Preview - Online Typography Visualizer
Type a few words and see them rendered at every heading size (h1–h6) with your chosen font. Perfect for design systems.
CMYK Color Preview - Online See Print vs Screen
Preview how a CMYK value will look on screen (approximate). Compare with its RGB equivalent. Pre‑press check.
Image to Laser Engraving Preview - Online Halftone Stipple
Apply a stipple or halftone effect to preview how an image might look when laser engraved. Download black‑and‑white output.