Nerd Font Icon Previewer – Online Search & Copy Glyphs
Browse all Nerd Font icons by category. Click to copy the glyph character. For terminal and prompt customization.
UD5 Toolkit
Detect missing glyphs in any font — system, custom upload, or Google Fonts
Drop font file here or click to browse
Supports .ttf, .otf, .woff, .woff2 (max 5MB)
Select a range to sample-test coverage in that Unicode block.
font-family fallback stack in your CSS. (3) Use unicode-range in @font-face to specify which font covers which character ranges. (4) For web projects, consider using multiple font files with different Unicode range coverage.font-family: "MyFont", Arial, sans-serif;, the browser tries each font in order. If a character is missing in "MyFont", it checks Arial, then the system's default sans-serif. This ensures text is always displayed, but may result in inconsistent typography. Our tool helps you identify which characters trigger fallback.Browse all Nerd Font icons by category. Click to copy the glyph character. For terminal and prompt customization.
Paste a URL and extract all meta tags, Open Graph, Twitter Cards, and JSON‑LD. View in a friendly table. Client‑side fetch.
Paste any JavaScript expression and see its evaluated type and value. Understand JS coercion and type quirks. Educational.
Display used/total/limit JS heap size using performance.memory. Take snapshots and see growth. Simple memory leak detection.
Apply content‑visibility: auto to off‑screen sections and see the rendering cost drop. Demos for infinite scroll optimization.
See exact dimensions of your current browser inner/outer window, screen resolution, and pixel ratio. Developer debug.
Check if your site has a visible and functional skip navigation link. Key for keyboard‑only users.
Type raw HTML and see the escaped version, then see how it renders when unescaped. Understand encoding better.
Write Markdown and see the formatted HTML preview in real time. Syntax highlighting and GitHub-flavored Markdown support. No upload, fully local.
Generate a complete <head> section with meta charset, viewport, SEO, favicon, and social tags. Customize and copy.
Write Mermaid syntax inside Markdown blocks and instantly see rendered flowcharts, sequence diagrams, and Gantt charts. Copy SVG.
Write text with inline footnote markers and this tool will move the notes to the bottom and add proper Markdown links. Saves time.
Write or paste HTML, CSS, and JavaScript and instantly see the rendered output in a sandboxed iframe. A handy frontend prototyping tool.
Create a properly styled 'Skip to Content' link. Customize target and appearance. Essential for keyboard users. Copy the HTML/CSS.
Paste GeoJSON and instantly see it drawn on a draggable map. Supports points, lines, and polygons. Local fetch of tiles.
Take a screenshot of the current browser tab using Screen Capture API. Crop, annotate with text and arrows, and download as PNG. Local only.
Fill in your PWA details to generate a valid manifest.json file. Include icons, theme color, display mode.
See how overflow: visible, hidden, scroll, and auto behave with real content. Clone to test with your text.
Pixelate selected areas of an image to hide faces or sensitive data. Adjust block size. Download the censored result.
Generate an <img> tag with the loading='lazy' attribute and optional low‑quality placeholder. Improve Core Web Vitals. Copy the snippet.
Create promises that resolve or reject after a delay. See state changes and chain .then/.catch. Debug async code.
List cached responses for your domain. View headers, content, and delete individual entries. Understand your PWA's cache.
Toggle content‑visibility: auto on long blocks and see the rendering time difference. Understand this powerful property.
Compress text with Brotli at different quality levels. See size reduction and time. Find the sweet spot for your static assets.
Visually create the glassmorphism effect: background blur, transparency, and border. Copy the complete CSS. Modern UI design.
Configure a modern HTML5 boilerplate with your choice of meta tags, social media cards, favicon links, and CSS/JS includes. Download or copy the code.
Open a modal and see how focus is trapped and restored. Copy the lightweight focus‑trap code. Accessible pattern.
Render the classic Stanford Bunny with a basic WebGPU pipeline. Rotate and zoom. Check if your browser supports WebGPU.
Enter income, pay frequency, and expected deductions to estimate your tax refund or balance due. Simplified model.
Split text into a JavaScript or JSON string array. Wrap in quotes, add commas. Ready to paste into code.