HTML Headings Outline Generator - Online From Webpage
Enter a URL and see a nested list of all headings (h1‑h6). Check your document structure for SEO and accessibility. Pure fetch.
UD5 Toolkit
Extract and visualize heading structure (H1-H6) from any webpage. Analyze SEO health of your heading hierarchy.
Enter a URL and see a nested list of all headings (h1‑h6). Check your document structure for SEO and accessibility. Pure fetch.
Convert title to URL slug with options: ignore stop words, transliterate special characters, choose separator. SEO friendly.
Find out the real destination of any shortened link (bit.ly, t.co, etc.) without clicking. Resolves redirects locally using public HTTP headers.
Design a custom focus indicator with outline, offset, and box‑shadow. Preview on interactive elements. Copy the CSS.
Paste an SVG file and extract all path data. Clean and copy individual d strings. For icon manipulation.
Break down any URL into its individual components: protocol, hostname, path, query parameters. Decode query strings easily. Purely client-side.
Drag points to create a custom clip‑path shape. See the CSS value update live. For creating non‑rectangular elements.
Paste Jira/Confluence wiki markup and get a rendered HTML preview. Supports headings, lists, links, and code blocks. All local.
Type text and instantly see it rendered with text‑transform: uppercase, lowercase, capitalize, and full‑width. Copy CSS.
Convert an SVG into a data‑URI for mask‑image or mask‑position. Create non‑destructive clipping masks via CSS.
Write a standard README with pre‑filled sections like Installation, Usage, and License. Export as Markdown. Save time.
Offline‑first search of the CanIUse database. Type a CSS property, HTML element, or API and see global support percentages. Fast.
Create an import map JSON with CDN links. Use bare specifiers like `import React from 'react'` without bundlers.
Paste regular HTML and instantly get valid React JSX with proper self‑closing tags and className attributes.
Paste a full URL or query string and instantly get a pretty JSON object. Parse arrays and nested keys.
Paste an SVG path and convert all relative commands to absolute. Also smooth curves to lines. Local parser.
Paste or upload an SVG and convert it into a CSS background‑image data URI. Clean and ready to embed.
Paste an SVG and get a ready‑to‑use data URI for CSS backgrounds or img tags. Optimized with URL encoding. All local.
Create a multi‑column text layout with adjustable column count, gap, and rule. Copy the CSS. Elegant reading experience.
Just a dead‑simple tool to convert any text to UPPER CASE. Fast, no ads, all local. Also offers lower and title case.
Set column‑count, gap, and rule, and see a multi‑column text layout. Copy the minimal CSS. For magazine designs.
Create a pure HTML/CSS accordion using <details> elements. Add custom styling and get the clean code. No JavaScript required.
Convert your text to all lowercase instantly. Clean and simple. Works offline.
Write scoped CSS rules that apply only within a subtree. See the boundary limits and avoid naming conflicts. New browser feature.
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
Design a fully styled scrollbar with colors, width, radius, and hover effects. Supports both ::-webkit‑scrollbar and Firefox scrollbar‑width.
Set perspective and rotate children in 3D space. See the effect of perspective‑origin. Copy the CSS. Learn 3D transforms.
Take a bloated inline SVG and clean it: remove unnecessary attributes, apply CSS shorthand. Smaller markup. Pure parser.
Paste CSS with vendor prefixes and get a clean version with only the standard property. Modernize your stylesheets.
Optimize an SVG and convert it into a URL‑encoded data URI ready for CSS backgrounds. Strip unnecessary attributes. All local.