UD5 Toolkit
Custom Highlight API Demo - Online Highlight Text Programmatically
Use the CSS Custom Highlight API to style arbitrary text ranges without modifying the DOM. See the future of find‑in‑page.
OpenAPI to HTML Preview - Online Swagger UI Generator
OpenAPI to HTML Preview – Online Swagger UI Generator
Paste your OpenAPI (Swagger) spec, upload a file, or load from a URL, and instantly generate a clean, responsive documentation preview. No backend needed – everything runs in your browser.
Instant Preview
Privacy Safe
Copy HTML
Input
Accepts OpenAPI 2.0 / 3.0 in JSON or YAML format.
Preview
No preview yet
Paste, upload, or fetch an OpenAPI spec and click Generate Preview.
Frequently Asked Questions
OpenAPI (formerly Swagger) is a standard format for describing RESTful APIs. It allows you to define endpoints, parameters, authentication, and response structures in a machine-readable JSON or YAML file. Tools like this generator help you visualise and share your API documentation.
Yes! Our tool supports both JSON and YAML. Simply paste the content, upload a .yaml file, or provide a URL that returns YAML. The parser automatically detects the format and converts it internally.
How is privacy handled? Is my spec sent anywhere?
Absolutely no data leaves your browser. All parsing and HTML generation happens locally on your machine. We do not store, transmit, or analyse your OpenAPI files. You can inspect the page's network activity to verify this.
Definitely. Once the preview is generated, you can copy the entire HTML snippet using the “Copy HTML” button and embed it in any webpage, Confluence page, or static site. It’s completely self‑contained.
Due to browser security policies (CORS), many APIs block direct access from other websites. If the URL does not allow cross-origin requests, the fetch will fail. As a workaround, download the file and upload it directly or paste its content.
Web NFC Demo - Online Read/Write NFC Tags
Read and write NDEF records to NFC tags using the Web NFC API. Supports text, URL, and MIME records. Works on Android with Chrome.
Landmark Region Viewer - Online See ARIA Landmarks of Any Page
Enter a URL and see a list of its ARIA landmarks (banner, main, nav). Check document structure for accessibility. Local fetch.
@property Registration - Online Custom CSS Property Animator
Register a custom CSS property with syntax, initial value, and inherits. Animate colors and numbers that couldn’t before.
Web OTP API Demo - Online Auto‑Read SMS Codes
Demonstrate how the Web OTP API automatically reads one‑time codes from SMS (mobile). Simulation with a fake SMS input.
IndexedDB Browser - Online View & Edit Client‑Side DB
Explore your website’s IndexedDB databases and object stores. Add, delete, and inspect records. Like phpMyAdmin for IndexedDB.
IndexedDB Browser - Online View & Edit Client‑Side DB
Explore your website’s IndexedDB databases and object stores. Add, delete, and inspect records. Like phpMyAdmin for IndexedDB.
Scroll Position Monitor - Online Live Scroll Top/Left
See a live readout of window scrollX and scrollY. Visualize scroll direction. For debugging sticky navs.
Scroll Progress Indicator CSS Generator - Online
Create a sticky scroll progress bar for blog posts. Choose colors and height. Copy the minimal CSS and HTML.
Color Gamut Viewer - Online See sRGB vs Display P3
See the chromaticity diagram and compare sRGB, DCI‑P3, and your display. Fun for design geeks.
ISS Tracker - Online Live Where is Space Station
See the International Space Station’s current position on a world map in real time. Uses public API. No refresh.
Movie Watchlist - Online Save Films to Watch
Keep a simple list of movies you want to watch. Add notes and check them off. Purely local storage.
Browser Storage Quota Dashboard – Online See Usage
Check estimated usage and quota for local and session storage on your browser. Quick dev tool.
Blood Sugar Log – Online Record & Chart Glucose Levels
Enter readings before/after meals, get averages, print report. Local storage only.
Browser Storage Usage Viewer - Online See LocalStorage & IndexedDB Quota
Check current browser storage usage (localStorage, IndexedDB, Cache) and available quota. Handy debugging tool.
Clipboard History Viewer - Online See Last Copies
A small widget that records your clipboard text history (only while open). Search and re‑copy old snippets. No log upload.
Browser Storage Quota Estimator - Online Check Limit
Estimate how many MB/GB your storage can hold based on navigator.storage.estimate() and display as a pie chart.
HTML to Pug Converter - Online Indented Template Syntax
Convert standard HTML into Pug (formerly Jade) syntax. Clean, indented output. For Node.js templating. Client‑side.
Popover Menu Builder - Online HTML‑Only Dropdown
Create a pure HTML dropdown menu using the popover attribute. Style it with CSS and copy the accessible snippet. No JavaScript.
Popover API Demo - Online No‑JS Tooltips & Menus
Test the new HTML popover attribute for creating accessible tooltips, menus, and dialogs without JavaScript. Copy code snippets.
HTML to Text with Line Breaks - Online Just the Words
Convert HTML to plain text while preserving paragraph breaks. Remove images, links, and scripts. Quick data extraction.
Mailto Link Generator - Online HTML Email Link
Build a complex mailto: link with to, cc, bcc, subject, and body. Get the HTML anchor tag. Local.
HTML to SVG Converter - Online Render DOM to Vector
Paste an HTML snippet and convert it into an SVG image that visually replicates the DOM. Useful for creating static snapshots. Local canvas rendering.
HTML Attribute Remover - Online Clean Up Markup
Strip specific or all attributes from HTML tags. Clean up messy code. Keep the structure. Purely local.
Remove HTML Tags - Online Strip Code Cleaner
Paste HTML and instantly remove all tags, leaving only the text content. Optional keep line breaks. Quick cleaning.
HTML to React JSX Converter - Online Quick Migration
Paste standard HTML and get a valid React JSX component. Converts class to className, inline styles, etc. Local transformation.
HTML to XML Converter - Online Markup Translator
Convert HTML code into well‑formed XML with proper self‑closing tags and attributes. Fixes common HTML5/XHTML mismatches. Local only.
CSV to HTML Table - Online Generate Responsive Code
Paste CSV and get a beautiful HTML table with sortable headers (optional). Copy the full HTML/CSS snippet. Local.
HTML Fragment to PDF - Online Print Custom Section
Write or paste an HTML snippet and generate a PDF using the browser's print engine. Customize page size and margins.
HTML Table to Markdown Converter - Online Quick Transform
Paste an HTML `<table>` snippet and instantly get a clean Markdown table. Supports colspan and alignment hints. Local.