What HTML becomes what in the Word file?

h1 to h6 become Heading 1 to Heading 6; p becomes a paragraph; ul and ol become bulleted and numbered lists with their nesting; table becomes a Word table with a shaded header row; a becomes a hyperlink; b, strong, i, em, u, s, del and code become bold, italic, underline, strikethrough and monospace runs; pre becomes a shaded monospace block; blockquote an indented italic paragraph; hr a rule; br a line break.

Why does my page's layout not survive?

Because CSS is never read. Classes, inline styles, floats, grids, columns and media queries have no effect; the document flows from top to bottom in the order of the HTML. That is deliberate: the goal is an editable Word document with real headings and lists, not a picture of a web page. For a visual copy, print the page to PDF instead.

Why are some images left out?

The page never fetches anything, so an image with a remote address cannot be placed; it is left out and counted in the conversion notes. Images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed at their pixel size, capped at 550 pixels wide. Other embedded formats, such as SVG and WebP, are left out and counted separately.

Can I paste a whole web page?

Yes, and when the HTML has a , only the body is read. Navigation, sidebars, footers and cookie banners are content to the converter, though, and end up in the Word file, so paste the article body when you can. Scripts, styles, hidden elements and form controls are always dropped.

Which links become hyperlinks?

Links with an http, https or mailto address become real Word hyperlinks. Relative links such as /pricing/ and javascript links become plain text, because a Word file has no page to resolve them against.

No. The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or to any other server, and no remote image, stylesheet or script is requested during the conversion. The preview frame is sandboxed and is not allowed to load anything from the network.

What is the document title for?

It is written into the Word file's properties, where Word and file managers show it. The field is prefilled from the page's , else its first heading, else the file name, and you can change it before downloading.

How are nested lists handled?

A list inside a list item becomes a deeper level of the same Word list, up to eight levels. Bulleted and numbered lists keep their kind at every level, so a numbered list nested in a bulleted one stays numbered.

What happens with broken or partial HTML?

It is read best-effort: unclosed tags are closed the way a browser would close them, and a fragment without html or body tags is fine. Empty input shows a tip, not an error.

Can I go the other way, from Word to HTML?

Yes. The DOCX to HTML converter on FindUtils reads a .docx and writes clean semantic HTML for a CMS, a blog or an email editor. Together the two pages make the round trip without leaving the site. For Markdown source instead of HTML, use Markdown to Word.

HTML to DOCX — Clean Word Files in Your Browser

Document title

Written into the Word file's properties. Prefilled from the page's <title>, else its first heading, else the file name.

Paste HTML on the left, or drop a .html file, to see what the Word file will contain.

Works in your browser

•No uploads to servers

Preview

What the Word file will contain: structure only, no CSS, sandboxed.

The preview of the Word file's content appears here.

Your HTML stays on your device

The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or anywhere else, and no remote image, stylesheet or script is fetched — you can confirm it in your browser's network panel while converting.

How to Convert HTML to DOCX Online

Paste HTML into the panel on the left, or drop a .html or .htm file onto it

A full page or a bare fragment both work; when there is a , only the body is read.
Read the summary and the preview

The summary counts headings, paragraphs, list items, tables, links and images; the preview shows the structure the Word file will hold, with no CSS.
Set the document title if the prefilled one is wrong

It is taken from the page's , else the first heading, else the file name, and is written into the file's properties.</div> </div> </li><li class="flex min-w-0 gap-3.5"> <span class="mt-px flex size-6 shrink-0 items-center justify-center rounded-full bg-brand-soft text-xs font-semibold tabular-nums text-brand-ink" aria-hidden="true">4</span> <div class="min-w-0 flex-1"> <h3 class="text-sm font-semibold text-ink">Click Download</h3> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 mt-1 !text-sm">The .docx is built in the browser and saved under the file's name, or as document.docx for pasted HTML.</div> </div> </li> </ol> </div> </section> <section id="use-cases" class="@container min-w-0 scroll-mt-24 rounded-[14px] border border-line bg-surface p-5 sm:p-6"> <header class="mb-5 flex min-w-0 flex-wrap items-start justify-between gap-x-4 gap-y-2"> <div class="min-w-0"> <div class="flex items-center gap-2"> <h2 class="text-lg font-bold leading-snug tracking-[-0.01em] text-ink"> Common Use Cases </h2> </div> </div> </header> <div class="@container min-w-0"> <div class="grid min-w-0 gap-3 @2xl:grid-cols-2"> <div class="min-w-0 rounded-xl bg-page p-4"> <h3 class="text-sm font-semibold text-ink">Sending a CMS article to a client or a reviewer who works in Word with tracked changes</h3> </div><div class="min-w-0 rounded-xl bg-page p-4"> <h3 class="text-sm font-semibold text-ink">Turning an email newsletter's HTML into a Word file for a sign-off round</h3> </div><div class="min-w-0 rounded-xl bg-page p-4"> <h3 class="text-sm font-semibold text-ink">Archiving a web page's content as an editable document rather than a screenshot or a PDF</h3> </div><div class="min-w-0 rounded-xl bg-page p-4"> <h3 class="text-sm font-semibold text-ink">Moving documentation written in HTML into a Word template for a print deliverable</h3> </div> </div> </div> </section> <section id="about-tool" class="@container min-w-0 scroll-mt-24 rounded-[14px] border border-line bg-surface p-5 sm:p-6"> <header class="mb-5 flex min-w-0 flex-wrap items-start justify-between gap-x-4 gap-y-2"> <div class="min-w-0"> <div class="flex items-center gap-2"> <h2 class="text-lg font-bold leading-snug tracking-[-0.01em] text-ink"> Why Use Our HTML to DOCX Converter? </h2> </div> </div> </header> <div class="@container min-w-0"> <div class="space-y-6"> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5">The article lives in the CMS, the newsletter lives in the email tool, the page lives on the site — and a client, a reviewer or a legal team wants a Word file. Opening HTML in Word is layout roulette, pasting through a browser drags styles along, and online converters upload the page. This page reads the HTML in the tab and writes a real .docx with Word's own structure: Heading styles for headings, bulleted and numbered lists with their nesting, tables with a header row, hyperlinks, bold, italic, underline, strikethrough and code. CSS layout is not cloned, on purpose; the result is a document someone can edit.</div> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5"><p>This converter reads HTML into a small block model — headings, paragraphs, list items with a nesting level, tables with header rows, code blocks, quotes, rules and images — with formatted runs for bold, italic, underline, strikethrough, inline code and links. It then writes that model with the docx package into an ordinary .docx: h1 to h6 become Word's Heading 1 to Heading 6 styles, ul and ol become bulleted and numbered lists with up to eight nesting levels, tables become full-width Word tables with a shaded header row, http, https and mailto links become real hyperlinks, pre becomes a shaded monospace block, blockquote an indented italic paragraph, hr a rule.</p><p>What is dropped is dropped deliberately. Scripts, styles, hidden elements and form controls are ignored. CSS is never interpreted: classes, inline styles, floats, grids and columns have no effect, because a Word file that tries to imitate a web layout is neither a good page nor a good document. Relative links and javascript links become plain text. Only images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed, at their pixel size and at most 550 pixels wide; a remote image is left out and counted, because the page fetches nothing.</p><p>Everything runs in the browser. The HTML is not uploaded, and no remote resource is requested during the conversion. The preview frame is sandboxed and shows the block model itself, so what it shows is what the Word file holds.</p></div> </div> </div> </section> <section id="tool-comparison" class="@container min-w-0 scroll-mt-24 rounded-[14px] border border-line bg-surface p-5 sm:p-6"> <header class="mb-5 flex min-w-0 flex-wrap items-start justify-between gap-x-4 gap-y-2"> <div class="min-w-0"> <div class="flex items-center gap-2"> <h2 class="text-lg font-bold leading-snug tracking-[-0.01em] text-ink"> How it compares </h2> </div> </div> </header> <div class="@container min-w-0"> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5"><p>Opening an HTML file directly in Word works for a simple page and turns into a layout puzzle for anything with a stylesheet. Copying from a browser and pasting into Word carries fonts, colours and spacing that then have to be cleared. Online converters upload the page, and the page may be an unpublished article or a client's draft. This converter keeps the job to one paste and keeps the markup in the tab, and it is the reverse of the DOCX to HTML page, so an article can make the round trip without leaving FindUtils.</p></div> </div> </section> <section id="tool-tips" class="@container min-w-0 scroll-mt-24 rounded-[14px] border border-line bg-surface p-5 sm:p-6"> <header class="mb-5 flex min-w-0 flex-wrap items-start justify-between gap-x-4 gap-y-2"> <div class="min-w-0"> <div class="flex items-center gap-2"> <h2 class="text-lg font-bold leading-snug tracking-[-0.01em] text-ink"> HTML to DOCX Tips </h2> </div> </div> </header> <div class="@container min-w-0"> <ul class="space-y-3"> <li class="flex min-w-0 gap-3"> <svg class="mt-1 size-4 shrink-0 text-emerald-600 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 !text-sm">Paste the article body, not the whole site page. Navigation, sidebars and cookie banners are content to the converter and end up in the Word file.</div> </li><li class="flex min-w-0 gap-3"> <svg class="mt-1 size-4 shrink-0 text-emerald-600 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 !text-sm">Use real HTML lists. A paragraph that starts with a typed bullet character stays a paragraph; <ul> and <ol> become Word lists with their nesting.</div> </li><li class="flex min-w-0 gap-3"> <svg class="mt-1 size-4 shrink-0 text-emerald-600 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 !text-sm">Images must already be embedded as data URLs to be placed. A remote image is left out and counted, because the page never fetches anything; download it and insert it in Word afterwards.</div> </li><li class="flex min-w-0 gap-3"> <svg class="mt-1 size-4 shrink-0 text-emerald-600 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 !text-sm">Put the header row in <thead>, or make its cells <th>. Either one becomes a shaded, bold header row that Word repeats across page breaks.</div> </li><li class="flex min-w-0 gap-3"> <svg class="mt-1 size-4 shrink-0 text-emerald-600 dark:text-emerald-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 !text-sm">Do not expect columns, floats or grids. CSS is not read; the document flows top to bottom the way the HTML does, which is what an editable Word file needs.</div> </li> </ul> </div> </section> <section id="tool-faq" class="@container min-w-0 scroll-mt-24 rounded-[14px] border border-line bg-surface p-5 sm:p-6"> <header class="mb-5 flex min-w-0 flex-wrap items-start justify-between gap-x-4 gap-y-2"> <div class="min-w-0"> <div class="flex items-center gap-2"> <h2 class="text-lg font-bold leading-snug tracking-[-0.01em] text-ink"> Frequently Asked Questions </h2> </div> </div> </header> <div class="@container min-w-0"> <div class="-mt-2 divide-y divide-line"> <details class="fu-faq group py-1" open> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">What HTML becomes what in the Word file?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">h1 to h6 become Heading 1 to Heading 6; p becomes a paragraph; ul and ol become bulleted and numbered lists with their nesting; table becomes a Word table with a shaded header row; a becomes a hyperlink; b, strong, i, em, u, s, del and code become bold, italic, underline, strikethrough and monospace runs; pre becomes a shaded monospace block; blockquote an indented italic paragraph; hr a rule; br a line break.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">Why does my page's layout not survive?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">Because CSS is never read. Classes, inline styles, floats, grids, columns and media queries have no effect; the document flows from top to bottom in the order of the HTML. That is deliberate: the goal is an editable Word document with real headings and lists, not a picture of a web page. For a visual copy, print the page to PDF instead.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">Why are some images left out?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">The page never fetches anything, so an image with a remote address cannot be placed; it is left out and counted in the conversion notes. Images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed at their pixel size, capped at 550 pixels wide. Other embedded formats, such as SVG and WebP, are left out and counted separately.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">Can I paste a whole web page?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">Yes, and when the HTML has a <body>, only the body is read. Navigation, sidebars, footers and cookie banners are content to the converter, though, and end up in the Word file, so paste the article body when you can. Scripts, styles, hidden elements and form controls are always dropped.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">Which links become hyperlinks?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">Links with an http, https or mailto address become real Word hyperlinks. Relative links such as /pricing/ and javascript links become plain text, because a Word file has no page to resolve them against.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">Is my HTML uploaded?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">No. The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or to any other server, and no remote image, stylesheet or script is requested during the conversion. The preview frame is sandboxed and is not allowed to load anything from the network.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">What is the document title for?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">It is written into the Word file's properties, where Word and file managers show it. The field is prefilled from the page's <title>, else its first heading, else the file name, and you can change it before downloading.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">How are nested lists handled?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">A list inside a list item becomes a deeper level of the same Word list, up to eight levels. Bulleted and numbered lists keep their kind at every level, so a numbered list nested in a bulleted one stays numbered.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">What happens with broken or partial HTML?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">It is read best-effort: unclosed tags are closed the way a browser would close them, and a fragment without html or body tags is fine. Empty input shows a tip, not an error.</div> </details><details class="fu-faq group py-1"> <summary class="flex min-h-12 cursor-pointer list-none items-center justify-between gap-4 py-2.5 text-[15px] font-semibold text-ink [&::-webkit-details-marker]:hidden"> <h3 class="min-w-0">Can I go the other way, from Word to HTML?</h3> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> </summary> <div class="max-w-prose break-words font-sans text-[15px] leading-relaxed text-ink-2 [&_a]:font-medium [&_a]:text-brand-ink [&_a]:underline-offset-4 [&_a:hover]:underline [&_p:not(:last-child)]:mb-3 [&_ul]:list-disc [&_ul]:space-y-2 [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:space-y-2 [&_ol]:pl-5 pb-4 !text-sm">Yes. The DOCX to HTML converter on FindUtils reads a .docx and writes clean semantic HTML for a CMS, a blog or an email editor. Together the two pages make the round trip without leaving the site. For Markdown source instead of HTML, use Markdown to Word.</div> </details> </div> </div> </section> <aside class="flex flex-col gap-4 rounded-[14px] border border-line bg-surface p-5 sm:flex-row sm:items-center" aria-label="Sponsor this page"> <span class="flex size-10 shrink-0 items-center justify-center rounded-[10px] bg-pink-50 text-pink-600 dark:bg-pink-950/50 dark:text-pink-300" aria-hidden="true"> <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg> </span> <div class="min-w-0 flex-1"> <p class="text-sm font-semibold text-ink"> Your product here, next to this exact task </p> <p class="mt-0.5 text-[13px] leading-normal text-ink-2"> One labelled sponsor per tool page. Human-reviewed; the sponsor card loads no scripts of its own. </p> </div> <a href="/sponsor/#request" aria-label="Request a sponsor placement on this tool" class="inline-flex min-h-10 shrink-0 cursor-pointer items-center gap-2 self-start rounded-[10px] border border-line px-3.5 text-[13px] font-semibold text-ink transition-colors hover:border-ink-3 sm:self-center"> <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> See placements </a> </aside> </div> <aside class="flex min-w-0 flex-col gap-6" aria-label="More for this tool"> <section id="related-tools" class="scroll-mt-24" aria-labelledby="related-tools-title"> <div class="mb-3 flex items-center justify-between gap-3"> <h2 id="related-tools-title" class="text-lg font-bold text-ink">Related tools</h2> <a href="/convert/" class="inline-flex min-h-9 cursor-pointer items-center gap-1 text-[13px] font-semibold text-brand-ink hover:underline"> All 79 <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </div> <ul class="divide-y divide-line rounded-[14px] border border-line bg-surface px-4"> <li> <a href="/convert/docx-to-html/" class="group flex min-h-14 cursor-pointer items-center gap-3 py-2.5"> <span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-page text-ink-2" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 size-4" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg> </span> <span class="min-w-0 flex-1"> <span class="block truncate text-sm font-semibold text-ink group-hover:text-brand-ink"> DOCX to HTML </span> <span class="block text-xs text-ink-3">Convert</span> </span> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </li><li> <a href="/convert/markdown-to-word/" class="group flex min-h-14 cursor-pointer items-center gap-3 py-2.5"> <span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-page text-ink-2" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-down size-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M12 18v-6"></path><path d="m9 15 3 3 3-3"></path></svg> </span> <span class="min-w-0 flex-1"> <span class="block truncate text-sm font-semibold text-ink group-hover:text-brand-ink"> Markdown to Word </span> <span class="block text-xs text-ink-3">Convert</span> </span> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </li><li> <a href="/convert/html-to-markdown/" class="group flex min-h-14 cursor-pointer items-center gap-3 py-2.5"> <span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-page text-ink-2" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text size-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg> </span> <span class="min-w-0 flex-1"> <span class="block truncate text-sm font-semibold text-ink group-hover:text-brand-ink"> HTML to Markdown </span> <span class="block text-xs text-ink-3">Convert</span> </span> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </li><li> <a href="/convert/docx-to-markdown/" class="group flex min-h-14 cursor-pointer items-center gap-3 py-2.5"> <span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-page text-ink-2" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-type size-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M9 13v-1h6v1"></path><path d="M12 12v6"></path><path d="M11 18h2"></path></svg> </span> <span class="min-w-0 flex-1"> <span class="block truncate text-sm font-semibold text-ink group-hover:text-brand-ink"> DOCX to Markdown </span> <span class="block text-xs text-ink-3">Convert</span> </span> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </li><li> <a href="/convert/word-to-pdf/" class="group flex min-h-14 cursor-pointer items-center gap-3 py-2.5"> <span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-page text-ink-2" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text size-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg> </span> <span class="min-w-0 flex-1"> <span class="block truncate text-sm font-semibold text-ink group-hover:text-brand-ink"> Word to PDF Converter </span> <span class="block text-xs text-ink-3">Convert</span> </span> <svg class="size-4 shrink-0 text-ink-3 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </li> </ul> </section> <section id="related-guides" class="scroll-mt-24" aria-labelledby="learn-more-title"> <div class="mb-3 flex items-center justify-between gap-3"> <h2 id="learn-more-title" class="text-lg font-bold text-ink">Learn more</h2> <a href="/guides/" class="inline-flex min-h-9 cursor-pointer items-center text-[13px] font-semibold text-brand-ink hover:underline">All guides</a> </div> <ul class="divide-y divide-line rounded-[14px] border border-line bg-surface px-4"> <li class="py-3.5"> <p class="fu-eyebrow">Converters · 7 min</p> <a href="/guides/html-to-docx/" class="mt-1 block cursor-pointer text-sm font-semibold leading-snug text-ink hover:text-brand-ink"> Convert HTML to a Word DOCX in Your Browser </a> </li><li class="py-3.5"> <p class="fu-eyebrow">Converters · 7 min</p> <a href="/guides/docx-to-html/" class="mt-1 block cursor-pointer text-sm font-semibold leading-snug text-ink hover:text-brand-ink"> Convert a Word DOCX to HTML in Your Browser </a> </li> </ul> </section> </aside> </div> <div class="mt-8"> <astro-island uid="1jyr6k" prefix="r161" component-url="/_astro/ToolProFooterIslands.BAcDL4uG.js" component-export="default" renderer-url="/_astro/client.CXGMMysH.js" props="{"translations":[0,{"tool_layout":[0,{"related_tools":[0,"Related Tools"],"faq_title":[0,"Frequently Asked Questions"],"more_info":[0,"More Information"]}],"common":[0,{"created_with":[0,"Created with"],"save":[0,"Save"],"download":[0,"Download"],"download_pdf":[0,"Download PDF"],"pdf_options":[0,"PDF Options"],"print":[0,"Print"],"copy":[0,"Copy"],"copied":[0,"Copied!"],"close":[0,"Close"],"close_menu":[0,"Close menu"],"open_menu":[0,"Open menu"],"cancel":[0,"Cancel"],"confirm":[0,"Confirm"],"loading":[0,"Loading.."],"print_tip":[0,"Tip: To get a clean PDF without URL/date, uncheck 'Headers and footers' in print settings. Click OK to continue."],"print_tip_short":[0,"Tip: In print dialog, uncheck \"Headers and footers\" to hide URL and date."],"print_settings":[0,"Print Settings"],"document_title":[0,"Document Title"],"align_left":[0,"Align Left"],"align_center":[0,"Align Center"],"align_right":[0,"Align Right"],"show_header":[0,"Show Header (Logo & Brand)"],"show_header_desc":[0,"Display FindUtils logo at the top"],"show_footer":[0,"Show Footer"],"show_footer_desc":[0,"Display \"Created with FindUtils\" at bottom"],"brand_color":[0,"Accent Color"],"preview":[0,"Preview"],"custom_header":[0,"Custom Header Text"],"custom_header_placeholder":[0,"Enter custom header.."],"custom_footer":[0,"Custom Footer Text"],"custom_footer_placeholder":[0,"Enter custom footer.."],"add_bookmark":[0,"Add to favourites"],"remove_bookmark":[0,"Remove from favourites"],"bookmarked":[0,"Favourited"],"dark_mode":[0,"Dark Mode"],"light_mode":[0,"Light Mode"],"share_on_x":[0,"Share on X"],"share_on_facebook":[0,"Share on Facebook"],"share_on_linkedin":[0,"Share on LinkedIn"],"share_on_reddit":[0,"Share on Reddit"],"copy_link":[0,"Copy link"],"open_in_new_tab":[0,"Open in new tab"]}],"sort":[0,{"popular":[0,"Popular"],"newest":[0,"Newest"],"alphabetical":[0,"A-Z"]}],"categories":[0,{"all_tools":[0,"All Tools"],"featured":[0,"Featured"],"developers":[0,"Developer Tools"],"design":[0,"Design Tools"],"finance":[0,"Finance Tools"],"security":[0,"Security Tools"],"convert":[0,"Converters"],"pdf":[0,"PDF Tools"],"generate":[0,"Generators"],"calculate":[0,"Calculators"],"text":[0,"Text Tools"],"media":[0,"Media Tools"],"network":[0,"Network Tools"],"seo":[0,"SEO Tools"],"education":[0,"Education Tools"],"productivity":[0,"Productivity"],"mockups":[0,"Mockups"],"view_all":[0,"View all"]}],"subcategories":[0,{"calculators":[0,"Calculators"],"generators":[0,"Generators"],"converters":[0,"Converters"],"formatters":[0,"Formatters"],"editors":[0,"Editors"],"analyzers":[0,"Analyzers"],"validators":[0,"Validators"],"tools":[0,"Tools"],"loans":[0,"Loans & Mortgages"],"investments":[0,"Investments & Savings"],"business":[0,"Business & Invoicing"],"personal_finance":[0,"Personal Finance"],"pdf_tools":[0,"PDF Tools"],"education":[0,"Education & Learning"],"time_focus":[0,"Time & Focus"],"project_management":[0,"Project Management"],"media_capture":[0,"Media & Recording"],"code_ids":[0,"Codes & IDs"],"media":[0,"Media & Images"],"social":[0,"Social & Random"],"image":[0,"Image Tools"],"video":[0,"Video Tools"],"audio":[0,"Audio Tools"],"data":[0,"Data & File Conversion"],"analysis":[0,"Text Analysis"],"formatting":[0,"Text Formatting"],"academic":[0,"Academic & Citations"],"writing":[0,"Writing & Tone"],"encoding":[0,"Encoding & Decoding"],"time":[0,"Time & Scheduling"],"network":[0,"Network & DNS"],"validation":[0,"Validation & Testing"],"tokens":[0,"Tokens & SEO"],"system":[0,"System & Metadata"],"hashing":[0,"Hashing"],"encryption":[0,"Encryption"],"passwords":[0,"Passwords"],"keys":[0,"Keys & Secrets"],"privacy":[0,"Privacy"],"color":[0,"Color Tools"],"css":[0,"CSS Effects"],"icons":[0,"Icons & Favicons"],"math":[0,"Math & Numbers"],"health":[0,"Health & Fitness"],"life":[0,"Life & Milestones"],"dates":[0,"Dates & Time"],"travel":[0,"Travel"],"social_posts":[0,"Social Media Posts"],"ai_chats":[0,"AI Chat Screenshots"],"messaging":[0,"Messaging Apps"],"authentication":[0,"Authentication & 2FA"],"vector":[0,"Vector Graphics"]}],"ads":[0,{"sponsored":[0,"Sponsored"],"get_deal":[0,"Get Deal"],"start_free_trial":[0,"Start Trial"]}],"breadcrumb":[0,{"home":[0,"Home"]}],"statuses":[0,{"draft":[0,"Draft"],"review":[0,"Review"],"pending_approval":[0,"Pending Approval"],"scheduled":[0,"Scheduled"],"posted":[0,"Posted"]}],"tags":[0,{"video":[0,"Video"],"audio":[0,"Audio"],"image":[0,"Image"],"document":[0,"Document"],"browser_based":[0,"Browser-Based"],"privacy_focused":[0,"Privacy-Focused"],"no_upload":[0,"No Upload"],"fast":[0,"Fast"],"batch":[0,"Batch Processing"],"converter":[0,"Converter"],"editor":[0,"Editor"],"extractor":[0,"Extractor"],"generator":[0,"Generator"],"analyzer":[0,"Analyzer"],"mp4":[0,"MP4"],"webm":[0,"WebM"],"wav":[0,"WAV"],"mp3":[0,"MP3"],"gif":[0,"GIF"],"png":[0,"PNG"],"jpg":[0,"JPG"],"pdf":[0,"PDF"],"json":[0,"JSON"],"mkv":[0,"MKV"],"ogg":[0,"OGG"],"flac":[0,"FLAC"]}],"tag_categories":[0,{"media_type":[0,"Media Type"],"feature":[0,"Features"],"use_case":[0,"Use Case"],"format":[0,"File Format"]}],"content":[0,{"breadcrumb_home":[0,"Home"],"breadcrumb_guides":[0,"Guides"],"breadcrumb_blog":[0,"Blog"],"category":[0,"Category"],"category_general":[0,"General"],"category_security":[0,"Security"],"category_productivity":[0,"Productivity"],"category_design":[0,"Design"],"category_developer":[0,"Developer"],"category_financial":[0,"Financial"],"category_news":[0,"News"],"category_tutorials":[0,"Tutorials"],"category_calculators":[0,"Calculators"],"category_converters":[0,"Converters"],"category_generators":[0,"Generators"],"category_text_tools":[0,"Text Tools"],"min_read":[0,"min read"],"read_time":[0,"Read Time"],"published":[0,"Published"],"quick_info":[0,"Quick Info"],"related_tool":[0,"Related Tool"],"related_guides":[0,"Related Guides"],"related_posts":[0,"Related Posts"],"back_to_guides":[0,"Back to Guides"],"back_to_blog":[0,"Back to Blog"],"try_tool":[0,"Try this tool"],"tags":[0,"Tags"],"share":[0,"Share"],"share_on_x":[0,"Share on X"],"share_on_facebook":[0,"Share on Facebook"],"share_on_linkedin":[0,"Share on LinkedIn"],"share_on_reddit":[0,"Share on Reddit"],"copy_link":[0,"Copy link"],"copied":[0,"Copied!"],"view_markdown":[0,"View Markdown"]}],"tools":[0,{"html_to_docx":[0,{"name":[0,"HTML to DOCX"],"description":[0,"Paste or drop HTML and download an editable Word .docx with headings, lists, links, and tables."]}],"docx_to_html":[0,{"name":[0,"DOCX to HTML"],"description":[0,"Drop a Word .docx and get clean semantic HTML for a CMS, a blog, or an email editor."]}],"markdown_to_word":[0,{"name":[0,"Markdown to Word"],"description":[0,"Convert Markdown to Word (.docx) with custom background, headers, images, and fonts. Download professional documents instantly."]}],"html_to_markdown":[0,{"name":[0,"HTML to Markdown"],"description":[0,"Convert HTML code to Markdown format instantly."]}],"docx_to_markdown":[0,{"name":[0,"DOCX to Markdown"],"description":[0,"Drop a Word .docx and get clean Markdown for a README, wiki, or site page."]}],"word_to_pdf":[0,{"name":[0,"Word to PDF Converter"],"description":[0,"Convert Word documents (.docx) to PDF and download as ZIP. 100% browser-based."]}],"html_formatter":[0,{"name":[0,"HTML Formatter"],"description":[0,"Beautify and minify HTML code with syntax highlighting."]}],"markdown_previewer":[0,{"name":[0,"Markdown Previewer"],"description":[0,"Write and preview Markdown with live rendering."]}]}],"assistant":[0,{"title":[0,"FindUtils Assistant"],"subtitle":[0,"AI-powered help"],"tab_ask":[0,"Ask"],"tab_share":[0,"Share"],"tab_faq":[0,"FAQ"],"tab_contact":[0,"Contact"],"share_on":[0,"Share with your network:"],"share_pick_message":[0,"Pick a message:"],"copy_link":[0,"Copy text"],"copied":[0,"Copied!"],"template_free_tools_label":[0,"Tools"],"template_free_tools_text":[0,"I just discovered FindUtils — a collection of 300+ online tools. No signup required. Check it out!"],"template_developer_label":[0,"Developer"],"template_developer_text":[0,"FindUtils has become my go-to for quick utilities — JSON formatter, password generator, color tools & more."],"template_recommend_label":[0,"Recommend"],"template_recommend_text":[0,"If you need online tools for everyday tasks, try FindUtils. It's fast, and keeps adding new tools!"],"template_privacy_label":[0,"Privacy"],"template_privacy_text":[0,"Found a great site with 300+ tools that work right in your browser — no data uploaded. Check out FindUtils!"],"faq_q1":[0,"Do I need an account to use FindUtils?"],"faq_a1":[0,"No. All tools work without signup and without hidden fees. Open a tool and start using it immediately."],"faq_q2":[0,"Is my data safe?"],"faq_a2":[0,"Most tools run entirely in your browser, so your files are not uploaded. Lookup tools send what you enter to the service named on their page, and each page says so."],"faq_q3":[0,"Do I need to create an account?"],"faq_a3":[0,"No account needed. Just open any tool and start using it immediately."],"faq_q4":[0,"Can I use FindUtils on mobile?"],"faq_a4":[0,"Yes! FindUtils is fully responsive and works great on phones, tablets, and desktops."],"faq_q5":[0,"How many tools are available?"],"faq_a5":[0,"We have hundreds of tools across categories like developer, design, security, finance, and more — with new tools added regularly."],"faq_q6":[0,"Can I request a new tool?"],"faq_a6":[0,"Yes! Visit our Request a Tool page to suggest tools you'd like to see."],"ask_placeholder":[0,"Ask about this tool or FindUtils.."],"ask_welcome_title":[0,"How can I help?"],"ask_welcome_desc":[0,"Ask me anything about this page, our tools, or how to find the right utility for your task."],"ask_example_1":[0,"What does this page do and how do I use it?"],"ask_example_2":[0,"I need to generate a strong password"],"ask_example_3":[0,"What developer tools do you have?"],"ask_example_4":[0,"Find me a tool to compress images"],"ask_clear":[0,"Clear chat"],"ask_retry":[0,"Retry"],"ask_restart":[0,"Start New Conversation"],"ask_limit_reached":[0,"You've reached the conversation limit. Please start a new conversation to continue."],"ask_limit_placeholder":[0,"Conversation limit reached"],"ask_disclaimer":[0,"AI responses may not always be accurate"],"ask_error_empty":[0,"Sorry, I could not generate a response. Please try again."],"contact_name":[0,"FindUtils Assistant"],"contact_role":[0,"Your AI-powered helper for 300+ tools"],"contact_email":[0,"Email"],"contact_website":[0,"Website"],"contact_socials":[0,"Follow us:"],"contact_request_tool":[0,"Request a New Tool"]}],"bookmarks":[0,{"add":[0,"Add to favourites"],"remove":[0,"Remove from favourites"],"search_placeholder":[0,"Search favourite tools.."]}],"feedback":[0,{"title":[0,"Rate This Tool"],"rate_label":[0,"How would you rate this tool?"],"stars":[0,"stars"],"rating_1":[0,"Poor - Needs improvement"],"rating_2":[0,"Fair - Could be better"],"rating_3":[0,"Good - Works well"],"rating_4":[0,"Great - Very useful"],"rating_5":[0,"Excellent - Love it!"],"suggestion_label":[0,"Have a suggestion? (Optional)"],"suggestion_placeholder":[0,"Tell us how we can improve this tool.."],"submit":[0,"Submit Feedback"],"submitting":[0,"Submitting.."],"success_title":[0,"Thank You!"],"success_message":[0,"Your feedback helps us improve."],"error_empty":[0,"Please provide a rating or suggestion."],"error_generic":[0,"Something went wrong. Please try again."],"rate_limited":[0,"You've already submitted feedback recently. Please wait a few minutes."],"already_rated_title":[0,"Thanks for your rating!"],"already_rated_message":[0,"You can rate again in 30 days."],"rate_this_tool":[0,"Rate this tool"],"thanks_for_rating":[0,"Thanks for rating!"],"add_suggestion":[0,"Add a suggestion"],"rating_singular":[0,"rating"],"rating_plural":[0,"ratings"],"post_task_eyebrow":[0,"Quick feedback"],"post_task_question":[0,"Did this tool solve your task?"],"outcome_yes":[0,"Solved it"],"outcome_partly":[0,"Partly"],"outcome_no":[0,"Not solved"],"problem_question":[0,"What caused the problem?"],"reason_incorrect_result":[0,"The result was incorrect"],"reason_missing_feature":[0,"A feature was missing"],"reason_difficult_to_use":[0,"The tool was difficult to use"],"reason_too_slow":[0,"The tool was too slow"],"reason_error_occurred":[0,"An error occurred"],"reason_other":[0,"Other"],"next_feature_question":[0,"What should we add next? (Optional)"],"missing_feature_question":[0,"Which feature was missing? (Optional)"],"comment_label":[0,"Add a comment (Optional)"],"comment_placeholder":[0,"Tell us what would make this tool better."],"never_ask_again":[0,"Do not ask again for this tool"],"send_feedback":[0,"Send feedback"],"close":[0,"Close feedback"],"prompt_eyebrow":[0,"Rate this tool"],"prompt_title":[0,"How well did {tool} work for you?"],"prompt_hint":[0,"One tap is enough. A note is optional."],"prompt_rated_title":[0,"Thanks! You gave {rating} of 5."],"prompt_comment_label":[0,"Anything we should improve? (Optional)"],"prompt_comment_placeholder":[0,"Tell us what was missing or confusing."],"prompt_autosend":[0,"We send your rating in a moment, or when you close this card."],"prompt_send":[0,"Send"],"prompt_sent_title":[0,"Thank you!"],"prompt_sent_message":[0,"Your rating helps us improve {tool}."],"prompt_not_now":[0,"Not now"],"prompt_close":[0,"Close rating prompt"],"features":[0,{"photo-measurement":[0,{"better_accuracy":[0,"Better accuracy"],"easier_calibration":[0,"Easier calibration"],"area_angle_tools":[0,"Area and angle tools"],"annotated_export":[0,"Annotated export"]}],"postman-to-curl":[0,{"variable_support":[0,"Variable support"],"more_shells":[0,"More shell formats"],"per_request_copy":[0,"Copy each request"],"script_export":[0,"Script export"]}],"image-eraser":[0,{"better_removal":[0,"Better removal quality"],"restore_brush":[0,"Restore brush"],"transparent_background":[0,"Transparent background"],"faster_processing":[0,"Faster processing"]}],"llm-requirements-calculator":[0,{"more_models":[0,"More models"],"runtime_choices":[0,"Runtime choices"],"multi_gpu":[0,"Multi-GPU support"],"launch_commands":[0,"Launch commands"]}],"tailwind-to-stylex":[0,{"component_conversion":[0,"Component class conversion"],"plugin_values":[0,"Plugin-generated values"],"more_token_formats":[0,"More token formats"],"migration_report":[0,"Migration report"]}]}]}],"footer":[0,{"brand_description":[0,"Everyday utility tools for developers, designers, and everyone in between."],"tools":[0,"Tools"],"popular_tools":[0,"Popular Tools"],"more_tools":[0,"More Tools"],"development":[0,"Development"],"company":[0,"Company"],"about":[0,"About"],"contact":[0,"Contact"],"privacy_policy":[0,"Privacy Policy"],"terms_of_service":[0,"Terms of Service"],"sitemap":[0,"Sitemap"],"new_tools":[0,"New Tools"],"all_tools":[0,"All Tools"],"open_source":[0,"Libraries"],"settings":[0,"Settings"],"dark_mode":[0,"Dark Mode"],"manage_data":[0,"Manage Data"],"copyright":[0,"© {year} FindUtils. All rights reserved."]}],"nav":[0,{"all_tools":[0,"All Tools"],"popular":[0,"Popular Tools"],"categories":[0,"Categories"],"guides":[0,"Guides"],"blog":[0,"Blog"],"about":[0,"About Us"],"request_tool":[0,"Request New Tool"],"submit_tool":[0,"Request a Tool"],"contact":[0,"Contact"],"search":[0,"Search"],"search_placeholder":[0,"Search Tools.."],"bookmarks":[0,"Favourite Tools"],"bookmarks_subtitle":[0,"Your saved tools for quick access"],"no_bookmarks":[0,"No favourites yet"],"no_bookmarks_hint":[0,"Click the bookmark icon on any tool to save it"],"dashboard":[0,"Dashboard"],"browse_categories":[0,"Browse Categories"],"view_all":[0,"View All"],"tools":[0,"tools"],"category":[0,"Category"],"popular_categories":[0,"Popular"],"recent_categories":[0,"Recent"],"sign_in":[0,"Sign in"],"get_started":[0,"Get started"],"filters":[0,"Filters"],"sort_by":[0,"Sort by"],"more":[0,"More"],"clear_all":[0,"Clear all"],"new_tools":[0,"New Tools"],"view_all_categories":[0,"View all categories"]}],"newsletter":[0,{"title":[0,"Get Weekly Tools"],"description":[0,"Get new tools and updates by email."],"placeholder":[0,"Email address"],"button":[0,"Join"],"success":[0,"Successfully subscribed!"],"already":[0,"You're already subscribed!"],"subscribed_with":[0,"You're subscribed with"],"change_email":[0,"Use a different email"],"change_description":[0,"Enter a new email address to subscribe."],"new_email_placeholder":[0,"New email address"],"cancel_change":[0,"Cancel"]}],"privacy_card":[0,{"title":[0,"Your Privacy"],"browser-processing":[0,"All processing happens directly in your browser. Your files are never uploaded to our servers, ensuring complete privacy and security."],"no-storage":[0,"We don't store any of your data. All information is processed in real-time and discarded immediately after use."],"encrypted":[0,"Your data is encrypted end-to-end. We use industry-standard encryption to protect your information."]}],"search":[0,{"placeholder":[0,"Search for tools, categories.."],"popular_tags":[0,"Popular Categories"],"browse_categories":[0,"Browse Categories"],"try_different":[0,"Try a different search term"],"to_navigate":[0,"to navigate"],"to_select":[0,"to select"],"to_close":[0,"to close"],"cant_find":[0,"Can't find what you're looking for?"],"suggest_tool":[0,"Suggest a tool"],"suggest_tool_hint":[0,"and we'll build it for you!"]}],"share":[0,{"share_result":[0,"Share Result"],"include_dates":[0,"Include dates"],"download":[0,"Download"],"copy":[0,"Copy"],"copied":[0,"Copied!"],"downloaded_instead":[0,"Downloaded!"],"share":[0,"Share"],"generating":[0,"Generating.."],"share_result_text":[0,"Check out my result!"]}],"_meta":[0,{"created_at":[0,"2026-09-11T00:00:00Z"],"updated_at":[0,"2026-09-11T13:18:26Z"]}],"html_to_docx":[0,{"page_title":[0,"HTML to DOCX — Clean Word Files in Your Browser | FindUtils"],"title":[0,"HTML to DOCX"],"description":[0,"Paste or drop HTML and download an editable Word .docx. Headings, lists, tables, links, bold and italic become real Word structure; CSS layout is not cloned. Nothing is uploaded or fetched."],"keywords":[1,[[0,"html to docx"],[0,"html to word"],[0,"convert html to docx"],[0,"html to docx converter"],[0,"html to word online"],[0,"html to word document"],[0,"html to docx free"],[0,"html to docx no upload"],[0,"web page to word"],[0,"html file to docx"],[0,"paste html to word"],[0,"convert html to word document online"],[0,"html to docx converter free"],[0,"save html as docx"]]],"breadcrumb_home":[0,"Home"],"breadcrumb_converters":[0,"Converters"],"breadcrumb_tool":[0,"HTML to DOCX"],"input_title":[0,"HTML Input"],"input_placeholder":[0,"Paste HTML here, or drop a .html file onto this panel. A full page or a bare fragment both work."],"doc_title_label":[0,"Document title"],"doc_title_hint":[0,"Written into the Word file's properties. Prefilled from the page's <title>, else its first heading, else the file name."],"count_headings":[0,"headings"],"count_paragraphs":[0,"paragraphs"],"count_items":[0,"list items"],"count_tables":[0,"tables"],"count_links":[0,"links"],"count_images":[0,"images"],"summary_empty":[0,"Paste HTML on the left, or drop a .html file, to see what the Word file will contain."],"download":[0,"Download"],"building":[0,"Building the Word file…"],"saved_as":[0,"Saved as"],"error_failed":[0,"The Word file could not be built from this HTML."],"notes_title":[0,"Conversion notes"],"notes_hint":[0,"What was left out, and why. The page fetches nothing, so a remote image cannot be placed."],"preview_title":[0,"Preview"],"preview_hint":[0,"What the Word file will contain: structure only, no CSS, sandboxed."],"preview_empty":[0,"The preview of the Word file's content appears here."],"privacy_title":[0,"Your HTML stays on your device"],"privacy_text":[0,"The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or anywhere else, and no remote image, stylesheet or script is fetched — you can confirm it in your browser's network panel while converting."],"why_use_title":[0,"Why Use Our HTML to DOCX Converter?"],"why_use_text":[0,"The article lives in the CMS, the newsletter lives in the email tool, the page lives on the site — and a client, a reviewer or a legal team wants a Word file. Opening HTML in Word is layout roulette, pasting through a browser drags styles along, and online converters upload the page. This page reads the HTML in the tab and writes a real .docx with Word's own structure: Heading styles for headings, bulleted and numbered lists with their nesting, tables with a header row, hyperlinks, bold, italic, underline, strikethrough and code. CSS layout is not cloned, on purpose; the result is a document someone can edit."],"how_to_title":[0,"How to Convert HTML to DOCX Online"],"how_to_steps":[1,[[0,"Paste HTML into the panel on the left, or drop a .html or .htm file onto it. A full page or a bare fragment both work; when there is a <body>, only the body is read."],[0,"Read the summary and the preview. The summary counts headings, paragraphs, list items, tables, links and images; the preview shows the structure the Word file will hold, with no CSS."],[0,"Set the document title if the prefilled one is wrong. It is taken from the page's <title>, else the first heading, else the file name, and is written into the file's properties."],[0,"Click Download. The .docx is built in the browser and saved under the file's name, or as document.docx for pasted HTML."]]],"use_cases_title":[0,"Common Use Cases"],"use_cases":[1,[[0,"Sending a CMS article to a client or a reviewer who works in Word with tracked changes."],[0,"Turning an email newsletter's HTML into a Word file for a sign-off round."],[0,"Archiving a web page's content as an editable document rather than a screenshot or a PDF."],[0,"Moving documentation written in HTML into a Word template for a print deliverable."]]],"tips_title":[0,"HTML to DOCX Tips"],"tips":[1,[[0,"Paste the article body, not the whole site page. Navigation, sidebars and cookie banners are content to the converter and end up in the Word file."],[0,"Use real HTML lists. A paragraph that starts with a typed bullet character stays a paragraph; <ul> and <ol> become Word lists with their nesting."],[0,"Images must already be embedded as data URLs to be placed. A remote image is left out and counted, because the page never fetches anything; download it and insert it in Word afterwards."],[0,"Put the header row in <thead>, or make its cells <th>. Either one becomes a shaded, bold header row that Word repeats across page breaks."],[0,"Do not expect columns, floats or grids. CSS is not read; the document flows top to bottom the way the HTML does, which is what an editable Word file needs."]]],"long_description":[0,"<p>This converter reads HTML into a small block model — headings, paragraphs, list items with a nesting level, tables with header rows, code blocks, quotes, rules and images — with formatted runs for bold, italic, underline, strikethrough, inline code and links. It then writes that model with the docx package into an ordinary .docx: h1 to h6 become Word's Heading 1 to Heading 6 styles, ul and ol become bulleted and numbered lists with up to eight nesting levels, tables become full-width Word tables with a shaded header row, http, https and mailto links become real hyperlinks, pre becomes a shaded monospace block, blockquote an indented italic paragraph, hr a rule.</p><p>What is dropped is dropped deliberately. Scripts, styles, hidden elements and form controls are ignored. CSS is never interpreted: classes, inline styles, floats, grids and columns have no effect, because a Word file that tries to imitate a web layout is neither a good page nor a good document. Relative links and javascript links become plain text. Only images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed, at their pixel size and at most 550 pixels wide; a remote image is left out and counted, because the page fetches nothing.</p><p>Everything runs in the browser. The HTML is not uploaded, and no remote resource is requested during the conversion. The preview frame is sandboxed and shows the block model itself, so what it shows is what the Word file holds.</p>"],"comparison_text":[0,"<p>Opening an HTML file directly in Word works for a simple page and turns into a layout puzzle for anything with a stylesheet. Copying from a browser and pasting into Word carries fonts, colours and spacing that then have to be cleared. Online converters upload the page, and the page may be an unpublished article or a client's draft. This converter keeps the job to one paste and keeps the markup in the tab, and it is the reverse of the DOCX to HTML page, so an article can make the round trip without leaving FindUtils.</p>"],"faq_title":[0,"Frequently Asked Questions"],"faq_q1":[0,"What HTML becomes what in the Word file?"],"faq_a1":[0,"h1 to h6 become Heading 1 to Heading 6; p becomes a paragraph; ul and ol become bulleted and numbered lists with their nesting; table becomes a Word table with a shaded header row; a becomes a hyperlink; b, strong, i, em, u, s, del and code become bold, italic, underline, strikethrough and monospace runs; pre becomes a shaded monospace block; blockquote an indented italic paragraph; hr a rule; br a line break."],"faq_q2":[0,"Why does my page's layout not survive?"],"faq_a2":[0,"Because CSS is never read. Classes, inline styles, floats, grids, columns and media queries have no effect; the document flows from top to bottom in the order of the HTML. That is deliberate: the goal is an editable Word document with real headings and lists, not a picture of a web page. For a visual copy, print the page to PDF instead."],"faq_q3":[0,"Why are some images left out?"],"faq_a3":[0,"The page never fetches anything, so an image with a remote address cannot be placed; it is left out and counted in the conversion notes. Images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed at their pixel size, capped at 550 pixels wide. Other embedded formats, such as SVG and WebP, are left out and counted separately."],"faq_q4":[0,"Can I paste a whole web page?"],"faq_a4":[0,"Yes, and when the HTML has a <body>, only the body is read. Navigation, sidebars, footers and cookie banners are content to the converter, though, and end up in the Word file, so paste the article body when you can. Scripts, styles, hidden elements and form controls are always dropped."],"faq_q5":[0,"Which links become hyperlinks?"],"faq_a5":[0,"Links with an http, https or mailto address become real Word hyperlinks. Relative links such as /pricing/ and javascript links become plain text, because a Word file has no page to resolve them against."],"faq_q6":[0,"Is my HTML uploaded?"],"faq_a6":[0,"No. The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or to any other server, and no remote image, stylesheet or script is requested during the conversion. The preview frame is sandboxed and is not allowed to load anything from the network."],"faq_q7":[0,"What is the document title for?"],"faq_a7":[0,"It is written into the Word file's properties, where Word and file managers show it. The field is prefilled from the page's <title>, else its first heading, else the file name, and you can change it before downloading."],"faq_q8":[0,"How are nested lists handled?"],"faq_a8":[0,"A list inside a list item becomes a deeper level of the same Word list, up to eight levels. Bulleted and numbered lists keep their kind at every level, so a numbered list nested in a bulleted one stays numbered."],"faq_q9":[0,"What happens with broken or partial HTML?"],"faq_a9":[0,"It is read best-effort: unclosed tags are closed the way a browser would close them, and a fragment without html or body tags is fine. Empty input shows a tip, not an error."],"faq_q10":[0,"Can I go the other way, from Word to HTML?"],"faq_a10":[0,"Yes. The DOCX to HTML converter on FindUtils reads a .docx and writes clean semantic HTML for a CMS, a blog or an email editor. Together the two pages make the round trip without leaving the site. For Markdown source instead of HTML, use Markdown to Word."],"related_tools":[0,"Related Tools"],"related_tool_ids":[1,[[0,"docx-to-html"],[0,"markdown-to-word"],[0,"html-to-markdown"],[0,"docx-to-markdown"],[0,"word-to-pdf"],[0,"html-formatter"],[0,"markdown-previewer"]]]}],"toolsPartial":[0,true]}],"toolSlug":[0,"html-to-docx"]}" ssr client="visible" opts="{"name":"ToolProFooterIslands","value":true}" await-children><div class="grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2"><div class="[&>div]:h-full"><div class="rounded-xl border border-gray-200 bg-card-light p-6 shadow-sm dark:border-gray-700 dark:bg-card-dark"><div class="mb-4 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square size-4 text-gray-400"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><h3 class="text-panel-title text-text-main-light dark:text-white">Rate This Tool</h3></div><form class="space-y-4"><div><label class="mb-2 block text-xs font-medium text-text-sec-light dark:text-text-sec-dark">How would you rate this tool?</label><div class="flex gap-1" role="group"><button type="button" aria-label="1 stars" aria-pressed="false" class="cursor-pointer rounded-md p-0.5 transition-transform hover:scale-110 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand disabled:cursor-not-allowed disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 transition-colors fill-transparent text-gray-300 dark:text-gray-600"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><button type="button" aria-label="2 stars" aria-pressed="false" class="cursor-pointer rounded-md p-0.5 transition-transform hover:scale-110 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand disabled:cursor-not-allowed disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 transition-colors fill-transparent text-gray-300 dark:text-gray-600"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><button type="button" aria-label="3 stars" aria-pressed="false" class="cursor-pointer rounded-md p-0.5 transition-transform hover:scale-110 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand disabled:cursor-not-allowed disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 transition-colors fill-transparent text-gray-300 dark:text-gray-600"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><button type="button" aria-label="4 stars" aria-pressed="false" class="cursor-pointer rounded-md p-0.5 transition-transform hover:scale-110 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand disabled:cursor-not-allowed disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 transition-colors fill-transparent text-gray-300 dark:text-gray-600"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><button type="button" aria-label="5 stars" aria-pressed="false" class="cursor-pointer rounded-md p-0.5 transition-transform hover:scale-110 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand disabled:cursor-not-allowed disabled:opacity-60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 transition-colors fill-transparent text-gray-300 dark:text-gray-600"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button></div></div><div><label class="mb-2 block text-xs font-medium text-text-sec-light dark:text-text-sec-dark">Have a suggestion? (Optional)</label><textarea placeholder="Tell us how we can improve this tool.." maxLength="1000" rows="3" class="w-full resize-none rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-text-main-light placeholder-gray-400 focus:border-brand focus:outline-none focus:ring-1 focus:ring-brand disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"></textarea><p class="mt-1 text-right text-xs text-gray-400">0/1000</p></div><button type="submit" disabled="" class="flex h-10 w-full cursor-pointer items-center justify-center gap-2 rounded-lg bg-brand px-4 text-sm font-semibold text-white transition-colors hover:bg-brand-hover disabled:cursor-not-allowed disabled:bg-gray-200 disabled:text-gray-400 dark:disabled:bg-gray-700 dark:disabled:text-gray-500">Submit Feedback</button></form></div></div><div class="flex flex-col gap-4"><div class="rounded-xl border border-gray-200 bg-card-light p-6 shadow-sm dark:border-gray-700 dark:bg-card-dark"><div class="mb-4 flex items-center gap-2"><div class="shrink-0 rounded-lg bg-brand/10 p-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 text-brand"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><h3 class="text-panel-title text-text-main-light dark:text-white">Get Weekly Tools</h3></div><form class="space-y-4"><label class="mb-2 block text-xs font-medium text-text-sec-light dark:text-text-sec-dark">Get new tools and updates by email.</label><div class="flex gap-2"><input type="email" placeholder="Email address" aria-label="Email address" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-text-main-light placeholder-gray-400 focus:border-brand focus:outline-none focus:ring-1 focus:ring-brand disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" value=""/><button type="submit" disabled="" class="flex h-10 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg bg-brand px-4 text-sm font-semibold text-white transition-colors hover:bg-brand-hover disabled:cursor-not-allowed disabled:opacity-50">Join</button></div></form></div><div class="rounded-xl border border-gray-200 bg-card-light p-6 shadow-sm dark:border-gray-700 dark:bg-card-dark"><div class="mb-4 flex items-center gap-2"><div class="shrink-0 rounded-lg bg-amber-50 p-1.5 dark:bg-amber-900/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb size-4 text-amber-600 dark:text-amber-400"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><h3 class="text-panel-title text-text-main-light dark:text-white">Suggest a Tool</h3></div><form class="space-y-4"><label class="mb-2 block text-xs font-medium text-text-sec-light dark:text-text-sec-dark">What tool would you like us to build next?</label><div class="flex gap-2"><input type="text" placeholder="Tool name *" maxLength="100" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-text-main-light placeholder-gray-400 focus:border-amber-500 focus:outline-none focus:ring-1 focus:ring-amber-500 disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" value=""/><div class="relative"><button type="button" class="flex h-full cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-lg border border-gray-300 bg-white px-3 text-sm text-gray-500 transition-colors hover:border-gray-400 disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500 dark:hover:border-gray-500" style="touch-action:manipulation">Category (optional)<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3.5 transition-transform"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><input type="text" placeholder="Brief description *" maxLength="500" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-text-main-light placeholder-gray-400 focus:border-amber-500 focus:outline-none focus:ring-1 focus:ring-amber-500 disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" value=""/><input type="email" placeholder="Email — notify me when built (optional)" maxLength="255" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-text-main-light placeholder-gray-400 focus:border-amber-500 focus:outline-none focus:ring-1 focus:ring-amber-500 disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" value=""/><button type="submit" disabled="" class="flex h-10 w-full cursor-pointer items-center justify-center gap-2 rounded-lg bg-brand px-4 text-sm font-semibold text-white transition-colors hover:bg-brand-hover disabled:cursor-not-allowed disabled:bg-gray-200 disabled:text-gray-400 dark:disabled:bg-gray-700 dark:disabled:text-gray-500" style="touch-action:manipulation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send size-4"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Submit Suggestion</button></form></div></div></div></astro-island> </div> </main> <div class="mx-auto flex w-full max-w-[1360px] flex-col gap-10 md:px-6 md:pb-10 lg:px-10 lg:pb-14"> <div class="px-4 md:px-0"><div data-sg-embed="helpful" data-live-visitors></div></div> <div class="px-4 md:px-0"><section aria-labelledby="more-to-explore-title" class="flex flex-col gap-5"> <div class="flex flex-wrap items-end justify-between gap-4"> <div class="flex flex-col gap-1.5"> <p class="text-[11px] font-bold uppercase tracking-[0.08em] text-brand">From FindUtils</p> <h2 id="more-to-explore-title" class="text-[22px] font-bold tracking-[-0.023em] text-ink md:text-[26px]">More to explore</h2> <p class="text-[15px] text-ink-2">Products and services from the team behind FindUtils.</p> </div> <a href="/sponsor/" class="inline-flex min-h-9 cursor-pointer items-center gap-1.5 rounded-lg border border-line bg-surface px-3 text-[13px] font-semibold text-ink hover:border-ink-3"> Promote your tool <span class="text-ink-2"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span> </a> </div> <a href="https://htmlpick.com/?utm_source=findutils.com&utm_medium=referral&utm_campaign=htmlpick-launch&utm_content=more-to-explore" target="_blank" rel="noopener" aria-label="HTMLPick, just launched: website templates from independent creators. Opens in a new tab." class="group grid min-w-0 cursor-pointer gap-6 rounded-2xl border bg-[#EEEFE6] p-[22px] transition-shadow hover:shadow-[0_12px_32px_-18px_rgb(13_20_27/0.35)] lg:grid-cols-[minmax(0,1fr)_minmax(0,400px)] lg:items-center lg:gap-8 lg:p-7 dark:bg-[#405B3C]/20 border-[#d3dbbd] dark:border-[#405B3C]/70"> <span class="flex min-w-0 flex-col gap-3"> <span class="flex items-center gap-2.5"> <span class="flex size-[34px] shrink-0 items-center justify-center rounded-[9px] bg-[#405B3C] text-[#DBEA9A] [&>svg]:size-5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5 2h18a3 3 0 0 1 3 3v1H12a6 6 0 0 0-6 6v12H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm1 1.6a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8Zm3 0a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8Zm3 0a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8Z"/><path fill-rule="evenodd" d="M11 8h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3V11a3 3 0 0 1 3-3Zm1 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-5.3 8.7a1.6 1.6 0 0 0 0 2.26l3.2 3.2a1.6 1.6 0 0 0 2.26 0l7.2-7.2a1.6 1.6 0 0 0-2.26-2.26L17.03 20.77l-2.07-2.07a1.6 1.6 0 0 0-2.26 0Z"/></svg> </span> <span class="min-w-0 flex-1"> <span class="inline-flex items-center gap-1.5 rounded-full bg-[#DBEA9A] px-2 py-0.5 text-[10.5px] font-bold uppercase tracking-[0.08em] text-[#28382C]"> <span class="relative flex size-1.5"> <span class="absolute inline-flex size-full animate-ping rounded-full bg-[#405B3C] opacity-60 motion-reduce:hidden"></span> <span class="relative inline-flex size-1.5 rounded-full bg-[#405B3C]"></span> </span> Just launched </span> <span class="mt-0.5 block text-xs text-ink-3">htmlpick.com</span> </span> <span class="text-ink-3"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span> </span> <span class="text-balance text-[21px] font-bold leading-tight tracking-[-0.02em] text-ink lg:text-2xl">HTMLPick — find a website template, make it your own</span> <span class="text-sm leading-[1.55] text-ink-2 lg:text-[15px]"> Website themes and templates from independent creators, sorted by framework and by what you are building. Check the live preview, the license and the source before you choose. </span> <span class="flex flex-wrap gap-1.5"> <span class="rounded-md border bg-white/70 px-2 py-1 font-mono text-xs font-medium text-[#405B3C] dark:bg-[#405B3C]/30 dark:text-[#DBEA9A] border-[#d3dbbd] dark:border-[#405B3C]/70">Astro</span><span class="rounded-md border bg-white/70 px-2 py-1 font-mono text-xs font-medium text-[#405B3C] dark:bg-[#405B3C]/30 dark:text-[#DBEA9A] border-[#d3dbbd] dark:border-[#405B3C]/70">Hugo</span><span class="rounded-md border bg-white/70 px-2 py-1 font-mono text-xs font-medium text-[#405B3C] dark:bg-[#405B3C]/30 dark:text-[#DBEA9A] border-[#d3dbbd] dark:border-[#405B3C]/70">Next.js</span><span class="rounded-md border bg-white/70 px-2 py-1 font-mono text-xs font-medium text-[#405B3C] dark:bg-[#405B3C]/30 dark:text-[#DBEA9A] border-[#d3dbbd] dark:border-[#405B3C]/70">Jekyll</span><span class="rounded-md border bg-white/70 px-2 py-1 font-mono text-xs font-medium text-[#405B3C] dark:bg-[#405B3C]/30 dark:text-[#DBEA9A] border-[#d3dbbd] dark:border-[#405B3C]/70">Svelte</span><span class="rounded-md border bg-white/70 px-2 py-1 font-mono text-xs font-medium text-[#405B3C] dark:bg-[#405B3C]/30 dark:text-[#DBEA9A] border-[#d3dbbd] dark:border-[#405B3C]/70">HTML</span> </span> <span class="mt-auto flex flex-wrap items-center gap-x-4 gap-y-1 pt-2"> <span class="inline-flex items-center gap-1.5 text-sm font-semibold text-[#405B3C] dark:text-[#DBEA9A]"> Browse templates <span class="transition-transform group-hover:translate-x-0.5"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span> </span> <span class="text-[13px] text-ink-3">Made a theme? Submit it on HTMLPick.</span> </span> </span> <span class="flex min-w-0 flex-col gap-2.5 rounded-xl border bg-surface p-3 border-[#d3dbbd] dark:border-[#405B3C]/70" aria-hidden="true"> <span class="flex items-center gap-1.5"> <span class="size-2 rounded-full bg-line"></span> <span class="size-2 rounded-full bg-line"></span> <span class="size-2 rounded-full bg-line"></span> <span class="ml-1.5 flex-1 truncate rounded-md bg-page px-2 py-0.5 font-mono text-[11px] text-ink-3">htmlpick.com/templates</span> </span> <span class="grid grid-cols-3 gap-2"> <span class="relative flex min-w-0 flex-col gap-1.5 rounded-lg border bg-page p-1.5 border-line"> <span class="flex h-9 items-end rounded-[5px] p-1.5 bg-lime-100 dark:bg-lime-900/40"> <span class="block h-1.5 w-1/2 rounded bg-white/80 dark:bg-white/25"></span> </span> <span class="block h-1.5 w-4/5 rounded bg-line"></span> <span class="block h-1.5 w-1/2 rounded bg-line"></span> <span class="truncate text-[10.5px] font-medium text-ink-3">Landing</span> </span><span class="relative flex min-w-0 flex-col gap-1.5 rounded-lg border bg-page p-1.5 border-[#405B3C] ring-1 ring-[#405B3C] dark:border-[#DBEA9A] dark:ring-[#DBEA9A]"> <span class="flex h-9 items-end rounded-[5px] p-1.5 bg-indigo-100 dark:bg-indigo-900/40"> <span class="block h-1.5 w-1/2 rounded bg-white/80 dark:bg-white/25"></span> </span> <span class="block h-1.5 w-4/5 rounded bg-line"></span> <span class="block h-1.5 w-1/2 rounded bg-line"></span> <span class="truncate text-[10.5px] font-medium text-ink-3">Portfolio</span> <span class="absolute -right-1.5 -top-1.5 flex size-5 items-center justify-center rounded-full bg-[#DBEA9A] text-[#28382C] ring-2 ring-surface"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span> </span><span class="relative flex min-w-0 flex-col gap-1.5 rounded-lg border bg-page p-1.5 border-line"> <span class="flex h-9 items-end rounded-[5px] p-1.5 bg-orange-100 dark:bg-orange-900/40"> <span class="block h-1.5 w-1/2 rounded bg-white/80 dark:bg-white/25"></span> </span> <span class="block h-1.5 w-4/5 rounded bg-line"></span> <span class="block h-1.5 w-1/2 rounded bg-line"></span> <span class="truncate text-[10.5px] font-medium text-ink-3">Blog</span> </span><span class="relative flex min-w-0 flex-col gap-1.5 rounded-lg border bg-page p-1.5 border-line hidden sm:flex"> <span class="flex h-9 items-end rounded-[5px] p-1.5 bg-sky-100 dark:bg-sky-900/40"> <span class="block h-1.5 w-1/2 rounded bg-white/80 dark:bg-white/25"></span> </span> <span class="block h-1.5 w-4/5 rounded bg-line"></span> <span class="block h-1.5 w-1/2 rounded bg-line"></span> <span class="truncate text-[10.5px] font-medium text-ink-3">Docs</span> </span><span class="relative flex min-w-0 flex-col gap-1.5 rounded-lg border bg-page p-1.5 border-line hidden sm:flex"> <span class="flex h-9 items-end rounded-[5px] p-1.5 bg-rose-100 dark:bg-rose-900/40"> <span class="block h-1.5 w-1/2 rounded bg-white/80 dark:bg-white/25"></span> </span> <span class="block h-1.5 w-4/5 rounded bg-line"></span> <span class="block h-1.5 w-1/2 rounded bg-line"></span> <span class="truncate text-[10.5px] font-medium text-ink-3">Dashboard</span> </span><span class="relative flex min-w-0 flex-col gap-1.5 rounded-lg border bg-page p-1.5 border-line hidden sm:flex"> <span class="flex h-9 items-end rounded-[5px] p-1.5 bg-amber-100 dark:bg-amber-900/40"> <span class="block h-1.5 w-1/2 rounded bg-white/80 dark:bg-white/25"></span> </span> <span class="block h-1.5 w-4/5 rounded bg-line"></span> <span class="block h-1.5 w-1/2 rounded bg-line"></span> <span class="truncate text-[10.5px] font-medium text-ink-3">Starter</span> </span> </span> <span class="flex flex-wrap gap-x-3 gap-y-1 text-[11.5px] text-ink-3"> <span class="inline-flex items-center gap-1"> <span class="text-[#405B3C] dark:text-[#DBEA9A]"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span> Live preview </span><span class="inline-flex items-center gap-1"> <span class="text-[#405B3C] dark:text-[#DBEA9A]"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span> License </span><span class="inline-flex items-center gap-1"> <span class="text-[#405B3C] dark:text-[#DBEA9A]"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span> Source </span> </span> </span> </a> <div class="grid gap-4 lg:grid-cols-[minmax(0,680fr)_minmax(0,392fr)]"> <a href="https://seeranks.com/?utm_source=findutils.com&utm_medium=referral&utm_campaign=findutils-explore&utm_content=more-to-explore" target="_blank" rel="noopener" aria-label="SeeRanks, transparent product discovery. Opens in a new tab." class="group relative flex min-w-0 cursor-pointer flex-col gap-3 rounded-2xl border p-[22px] transition-shadow hover:shadow-[0_12px_32px_-18px_rgb(13_20_27/0.35)] border-orange-200 bg-orange-50 sm:flex-row sm:gap-6 lg:min-h-[300px] dark:border-orange-900/60 dark:bg-orange-950/25"> <span class="flex min-w-0 flex-1 flex-col gap-3"> <span class="flex items-center gap-2.5"> <span class="flex size-[34px] shrink-0 items-center justify-center rounded-[9px] text-white bg-orange-700"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/><path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"/></svg></span> <span class="min-w-0 flex-1"> <span class="block text-[10.5px] font-bold uppercase tracking-[0.08em] text-orange-700 dark:text-orange-300">Featured product</span> <span class="block text-xs text-ink-3">seeranks.com</span> </span> <span class="text-ink-3"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span> </span> <span class="text-[21px] font-bold leading-tight tracking-[-0.02em] text-ink">SeeRanks — transparent product discovery</span> <span class="text-sm leading-[1.55] text-ink-2">A public ranking board where paid placement is always labeled and every product keeps its earned position.</span> <span class="mt-auto inline-flex items-center gap-1.5 pt-2 text-sm font-semibold text-orange-700 dark:text-orange-300">View SeeRanks <span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span> </span> <span class="hidden w-[250px] shrink-0 flex-col gap-2 rounded-xl border border-orange-200 bg-surface p-3.5 sm:flex dark:border-orange-900/60" aria-hidden="true"> <span class="text-xs font-semibold text-ink-2">Public rank board</span> <span class="flex items-center gap-2.5 rounded-lg px-2.5 py-2 bg-orange-50 dark:bg-orange-950/40"> <span class="font-mono text-xs font-semibold text-orange-700 dark:text-orange-300">#1</span> <span class="h-2 rounded bg-line" style="width:110px"></span> <span class="ml-auto rounded-[5px] bg-orange-100 px-1.5 py-0.5 text-[10px] font-semibold text-orange-700 dark:bg-orange-900/60 dark:text-orange-200">Sponsored</span> </span><span class="flex items-center gap-2.5 rounded-lg px-2.5 py-2 bg-page"> <span class="font-mono text-xs font-semibold text-ink-3">#2</span> <span class="h-2 rounded bg-line" style="width:130px"></span> </span><span class="flex items-center gap-2.5 rounded-lg px-2.5 py-2 bg-page"> <span class="font-mono text-xs font-semibold text-ink-3">#3</span> <span class="h-2 rounded bg-line" style="width:90px"></span> </span><span class="flex items-center gap-2.5 rounded-lg px-2.5 py-2 bg-page"> <span class="font-mono text-xs font-semibold text-ink-3">#4</span> <span class="h-2 rounded bg-line" style="width:120px"></span> </span> <span class="mt-auto flex items-center gap-1.5 text-[11.5px] text-ink-3"><span><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></svg></span>Paid placement is always labeled</span> </span> </a> <a href="https://emojifavicons.com/?utm_source=findutils.com&utm_medium=referral&utm_campaign=findutils-explore&utm_content=more-to-explore" target="_blank" rel="noopener" aria-label="Emoji Favicons. Opens in a new tab." class="group relative flex min-w-0 cursor-pointer flex-col gap-3 rounded-2xl border p-[22px] transition-shadow hover:shadow-[0_12px_32px_-18px_rgb(13_20_27/0.35)] gap-3.5 border-violet-200 bg-violet-50 dark:border-violet-900/60 dark:bg-violet-950/25"> <span class="flex items-center gap-2.5"> <span class="flex size-[34px] shrink-0 items-center justify-center rounded-[9px] text-white bg-violet-700"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/></svg></span> <span class="min-w-0 flex-1"> <span class="block text-[10.5px] font-bold uppercase tracking-[0.08em] text-violet-700 dark:text-violet-300">Free favicon tool</span> <span class="block text-xs text-ink-3">emojifavicons.com</span> </span> <span class="text-ink-3"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span> </span> <span class="text-[19px] font-bold tracking-[-0.016em] text-ink">Emoji Favicons</span> <span class="text-sm leading-[1.55] text-ink-2">Turn any emoji into a favicon with one HTML line. SVG, PNG or ICO, no sign-up.</span> <code class="block truncate rounded-[9px] bg-night px-3 py-2.5 font-mono text-[11.5px] text-violet-300"><link rel="icon" href=".../🦊.svg"></code> <span class="mt-auto inline-flex items-center gap-1.5 pt-2 text-sm font-semibold text-violet-700 dark:text-violet-300">Create a favicon <span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span> </a> </div> <div class="grid gap-4 md:grid-cols-3"> <a href="/article-writing-service/" class="group relative flex min-w-0 cursor-pointer flex-col gap-3 rounded-2xl border p-[22px] transition-shadow hover:shadow-[0_12px_32px_-18px_rgb(13_20_27/0.35)] border-blue-200 bg-blue-50 md:min-h-[270px] dark:border-blue-900/60 dark:bg-blue-950/25"> <span class="flex items-center gap-2.5"> <span class="flex size-[34px] shrink-0 items-center justify-center rounded-[9px] text-white bg-blue-700"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/></svg></span> <span class="min-w-0 flex-1"> <span class="block text-[10.5px] font-bold uppercase tracking-[0.08em] text-blue-700 dark:text-blue-300">FindUtils service</span> <span class="block text-xs text-ink-3">findutils.com</span> </span> <span class="text-ink-3"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span> </span> <span class="text-lg font-bold tracking-[-0.017em] text-ink">Articles for software tools</span> <span class="text-sm leading-[1.55] text-ink-2">A sourced article for your channels, or a sponsored FindUtils publication with editorial review.</span> <span class="mt-auto inline-flex items-center gap-1.5 pt-2 text-sm font-semibold text-blue-700 dark:text-blue-300">Compare packages <span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span> </a> <a href="/domains/" class="group relative flex min-w-0 cursor-pointer flex-col gap-3 rounded-2xl border p-[22px] transition-shadow hover:shadow-[0_12px_32px_-18px_rgb(13_20_27/0.35)] border-emerald-200 bg-emerald-50 dark:border-emerald-900/60 dark:bg-emerald-950/25"> <span class="flex items-center gap-2.5"> <span class="flex size-[34px] shrink-0 items-center justify-center rounded-[9px] text-white bg-emerald-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe size-[18px]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span> <span class="min-w-0 flex-1"> <span class="block text-[10.5px] font-bold uppercase tracking-[0.08em] text-emerald-700 dark:text-emerald-300">Domain portfolio</span> <span class="block text-xs text-ink-3">findutils.com</span> </span> <span class="text-ink-3"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span> </span> <span class="text-lg font-bold tracking-[-0.017em] text-ink">Domain names for sale</span> <span class="flex flex-wrap gap-1.5"> <span class="rounded-md border border-emerald-200 bg-white/70 px-2 py-1 font-mono text-xs font-medium text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300">.com</span><span class="rounded-md border border-emerald-200 bg-white/70 px-2 py-1 font-mono text-xs font-medium text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300">.dev</span><span class="rounded-md border border-emerald-200 bg-white/70 px-2 py-1 font-mono text-xs font-medium text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300">.sh</span><span class="rounded-md border border-emerald-200 bg-white/70 px-2 py-1 font-mono text-xs font-medium text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300">.app</span><span class="rounded-md border border-emerald-200 bg-white/70 px-2 py-1 font-mono text-xs font-medium text-emerald-700 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-300">.io</span> </span> <span class="text-sm leading-[1.55] text-ink-2">Unused names across dev tools, AI, PDF and commerce. Make an offer.</span> <span class="mt-auto inline-flex items-center gap-1.5 pt-2 text-sm font-semibold text-emerald-700 dark:text-emerald-300">Browse the list <span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span> </a> <a href="https://towerscore.io/?utm_source=findutils.com&utm_medium=referral&utm_campaign=findutils-explore&utm_content=more-to-explore" target="_blank" rel="noopener" aria-label="TowerScore, a playable ranking board. Opens in a new tab." class="group relative flex min-w-0 cursor-pointer flex-col gap-3 rounded-2xl border p-[22px] transition-shadow hover:shadow-[0_12px_32px_-18px_rgb(13_20_27/0.35)] flex-row gap-4 border-amber-200 bg-amber-50 dark:border-amber-900/60 dark:bg-amber-950/25"> <span class="flex min-w-0 flex-1 flex-col gap-3"> <span class="flex items-center gap-2.5"> <span class="flex size-[34px] shrink-0 items-center justify-center rounded-[9px] text-white bg-amber-700"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M10 6h4"/><path d="M10 10h4"/><path d="M10 14h4"/><path d="M10 18h4"/></svg></span> <span class="min-w-0 flex-1"> <span class="block text-[10.5px] font-bold uppercase tracking-[0.08em] text-amber-700 dark:text-amber-300">Playable ranking</span> <span class="block text-xs text-ink-3">towerscore.io</span> </span> <span class="text-ink-3"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span> </span> <span class="text-lg font-bold leading-tight tracking-[-0.017em] text-ink">TowerScore — stack the skyline</span> <span class="text-sm leading-[1.55] text-ink-2">Play to climb, or buy a floor. Paid floors are labeled.</span> <span class="mt-auto inline-flex items-center gap-1.5 pt-2 text-sm font-semibold text-amber-700 dark:text-amber-300">Open TowerScore <span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span> </span> <span class="flex w-16 shrink-0 flex-col items-center justify-end gap-[3px]" aria-hidden="true"> <span class="block h-[18px] rounded-[3px]" style="width:30px;background:#fcd34d"></span><span class="block h-[18px] rounded-[3px]" style="width:40px;background:#fbbf24"></span><span class="block h-[18px] rounded-[3px]" style="width:48px;background:#f59e0b"></span><span class="block h-[18px] rounded-[3px]" style="width:54px;background:#fbbf24"></span><span class="block h-[18px] rounded-[3px]" style="width:58px;background:#f59e0b"></span><span class="block h-[18px] rounded-[3px]" style="width:62px;background:#d97706"></span><span class="block h-[18px] rounded-[3px]" style="width:64px;background:#b45309"></span> </span> </a> </div> </section></div> <footer class="shell-footer"> <div class="hidden overflow-hidden rounded-[18px] bg-night text-white md:block"> <div class="flex items-center gap-4 border-b border-white/[0.08] bg-[linear-gradient(90deg,rgb(37_99_235/0.2)_0%,rgb(16_25_34/0)_70%)] px-8 py-5"> <span class="flex size-10 shrink-0 items-center justify-center rounded-[10px] bg-brand text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span> <div class="min-w-0 flex-1"> <p class="text-base font-semibold">Missing a tool you need?</p> <p class="text-sm text-night-ink-2">Tell us what to build next. Most requests ship as a free browser tool, an API endpoint and an MCP tool.</p> </div> <a href="/request-tool/" class="inline-flex min-h-10 shrink-0 cursor-pointer items-center gap-2 rounded-[9px] bg-white px-4 text-sm font-semibold text-night hover:opacity-90"> Request a tool <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> </a> </div> <div class="flex flex-col gap-10 px-8 pb-8 pt-9 lg:flex-row lg:gap-12"> <div class="flex w-full flex-col gap-4 lg:w-[300px] lg:shrink-0"> <a href="/" class="flex cursor-pointer items-center gap-2.5"> <svg class="shrink-0" width="30" height="30" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect width="256" height="256" rx="46.08" fill="#3b82f6"></rect> <rect x="38.4" y="38.4" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="138.24" y="38.4" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="38.4" y="138.24" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="138.24" y="138.24" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> </svg> <span class="text-[19px] font-bold tracking-[-0.021em]">FindUtils</span> </a> <p class="text-sm leading-normal text-night-ink-2">Free, fast utilities. Most tools process your files in the browser; lookup tools say what they send, and pages load analytics and ads.</p> <ul class="flex flex-col gap-2"> <li class="flex items-center gap-2 text-[13px] text-slate-200"> <span class="text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield size-[15px]" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></span> No sign-up for free tools </li><li class="flex items-center gap-2 text-[13px] text-slate-200"> <span class="text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock size-[15px]" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span> Most tools run in your browser </li><li class="flex items-center gap-2 text-[13px] text-slate-200"> <span class="text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code size-[15px]" aria-hidden="true"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> 387 tools on the REST API, 388 on MCP </li> </ul> </div> <nav aria-label="Footer" class="grid flex-1 grid-cols-4 gap-6"> <div class="flex flex-col gap-3"> <p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-[#7c8a9c]">Tools</p> <a href="/developers/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Developers</a><a href="/convert/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Convert</a><a href="/pdf/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">PDF</a><a href="/design/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Design</a><a href="/security/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Security</a><a href="/all-tools/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm font-semibold text-[#93b4f8]">All tools →</a> </div><div class="flex flex-col gap-3"> <p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-[#7c8a9c]">Learn</p> <a href="/guides/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Guides</a><a href="/blog/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Blog</a><a href="/cheatsheets/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Cheatsheets</a><a href="/changelog/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Changelog</a><button type="button" data-panel="whats-new" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">What's new</button> </div><div class="flex flex-col gap-3"> <p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-[#7c8a9c]">Build</p> <a href="/api/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">REST API</a><a href="/mcp/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">MCP server</a><a href="/api/docs/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">API reference</a><a href="/workflows/new/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Workflows</a><a href="/status/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Status</a> </div><div class="flex flex-col gap-3"> <p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-[#7c8a9c]">FindUtils</p> <a href="/about/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">About</a><a href="/open-source/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Libraries we use</a><a href="/sponsor/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Sponsor</a><a href="/request-tool/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Request a tool</a><a href="/domains/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Domains for sale</a><a href="/contact/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white text-sm text-slate-200">Contact</a> </div> </nav> </div> <div class="flex flex-wrap items-center justify-between gap-3 border-t border-white/[0.08] px-8 py-4"> <div class="flex flex-wrap items-center gap-x-[18px] gap-y-1 text-[13px]"> <span class="text-[#7c8a9c]">© 2026 FindUtils</span> <a href="/privacy-policy/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white min-h-8 items-center text-night-ink-2">Privacy</a><a href="/terms-of-service/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white min-h-8 items-center text-night-ink-2">Terms</a><button type="button" data-panel="preferences" class="inline-flex cursor-pointer text-left transition-colors hover:text-white min-h-8 items-center text-night-ink-2">Preferences</button><a href="/sitemap/" class="inline-flex cursor-pointer text-left transition-colors hover:text-white min-h-8 items-center text-night-ink-2">Sitemap</a> </div> <div class="flex items-center gap-3.5"> <a href="/status/" class="inline-flex cursor-pointer items-center gap-[7px] rounded-full bg-white/[0.05] px-2.5 py-[5px] text-xs text-slate-200 hover:bg-white/10"> <span class="size-[7px] rounded-full bg-slate-400" aria-hidden="true"></span> Service status </a> <div class="flex gap-0.5 rounded-[9px] bg-white/[0.05] p-[3px]" role="radiogroup" aria-label="Theme"> <button type="button" role="radio" aria-checked="false" aria-label="Light theme" data-theme-choice="light" class="flex h-[26px] w-[30px] cursor-pointer items-center justify-center rounded-[7px] text-[#7c8a9c] hover:text-white aria-checked:bg-night-card aria-checked:text-white"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun size-3.5" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> </button><button type="button" role="radio" aria-checked="false" aria-label="Dark theme" data-theme-choice="dark" class="flex h-[26px] w-[30px] cursor-pointer items-center justify-center rounded-[7px] text-[#7c8a9c] hover:text-white aria-checked:bg-night-card aria-checked:text-white"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon size-3.5" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> </button><button type="button" role="radio" aria-checked="false" aria-label="System theme" data-theme-choice="system" class="flex h-[26px] w-[30px] cursor-pointer items-center justify-center rounded-[7px] text-[#7c8a9c] hover:text-white aria-checked:bg-night-card aria-checked:text-white"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor size-3.5" aria-hidden="true"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg> </button> </div> </div> </div> </div> <div class="flex flex-col gap-6 border-t border-line bg-surface px-4 pb-5 pt-7 md:hidden"> <div class="flex flex-col gap-2.5"> <a href="/" class="flex cursor-pointer items-center gap-2"> <svg class="shrink-0" width="24" height="24" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect width="256" height="256" rx="46.08" fill="#3b82f6"></rect> <rect x="38.4" y="38.4" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="138.24" y="38.4" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="38.4" y="138.24" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="138.24" y="138.24" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> </svg> <span class="text-base font-bold tracking-[-0.019em] text-ink">FindUtils</span> </a> <p class="text-sm leading-normal text-ink-2">Free, fast utilities that respect your data. Most tools run in your browser.</p> </div> <nav aria-label="Footer" class="grid grid-cols-2 gap-4"> <div> <p class="text-[11px] font-semibold uppercase tracking-[0.07em] text-ink-3">Build with it</p> <a href="/api/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">REST API</a><a href="/mcp/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">MCP server</a><a href="/guides/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">Guides</a><a href="/changelog/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">Changelog</a> </div><div> <p class="text-[11px] font-semibold uppercase tracking-[0.07em] text-ink-3">FindUtils</p> <a href="/about/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">About</a><a href="/sponsor/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">Sponsor</a><a href="/privacy-policy/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">Privacy</a><a href="/contact/" class="flex h-11 cursor-pointer items-center text-[15px] font-medium text-ink">Contact</a> </div> </nav> <div class="flex h-11 items-center justify-between"> <span class="text-[15px] font-medium text-ink">Theme</span> <div class="flex gap-0.5 rounded-[10px] bg-page p-[3px]" role="radiogroup" aria-label="Theme"> <button type="button" role="radio" aria-checked="false" aria-label="Light theme" data-theme-choice="light" class="flex h-[38px] w-11 cursor-pointer items-center justify-center rounded-lg text-ink-3 aria-checked:bg-surface aria-checked:text-ink aria-checked:shadow-[0_1px_2px_rgb(13_20_27/0.08)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun size-[18px]" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> </button><button type="button" role="radio" aria-checked="false" aria-label="Dark theme" data-theme-choice="dark" class="flex h-[38px] w-11 cursor-pointer items-center justify-center rounded-lg text-ink-3 aria-checked:bg-surface aria-checked:text-ink aria-checked:shadow-[0_1px_2px_rgb(13_20_27/0.08)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon size-[18px]" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> </button><button type="button" role="radio" aria-checked="false" aria-label="System theme" data-theme-choice="system" class="flex h-[38px] w-11 cursor-pointer items-center justify-center rounded-lg text-ink-3 aria-checked:bg-surface aria-checked:text-ink aria-checked:shadow-[0_1px_2px_rgb(13_20_27/0.08)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor size-[18px]" aria-hidden="true"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg> </button> </div> </div> <div class="flex items-center justify-between border-t border-line pt-4 text-[13px] text-ink-3"> <span>© 2026 FindUtils</span> <a href="/terms-of-service/" class="cursor-pointer hover:text-ink">Terms</a> </div> </div> </footer> </div> </div> </div> <div id="mobile-menu" data-mobile-sheet role="dialog" aria-modal="true" aria-label="Menu" hidden class="fixed inset-0 z-[80] flex flex-col overflow-y-auto overscroll-contain bg-surface md:hidden"> <div class="flex h-16 shrink-0 items-center justify-between border-b border-line pl-4 pr-1.5"> <a href="/" class="flex cursor-pointer items-center gap-2"> <svg class="shrink-0" width="28" height="28" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect width="256" height="256" rx="46.08" fill="#3b82f6"></rect> <rect x="38.4" y="38.4" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="138.24" y="38.4" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="38.4" y="138.24" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> <rect x="138.24" y="138.24" width="79.36" height="79.36" rx="19.84" fill="#fff"></rect> </svg> <span class="text-lg font-bold tracking-[-0.022em] text-ink">FindUtils</span> </a> <button type="button" data-mobile-menu-close aria-label="Close menu" class="flex size-11 cursor-pointer items-center justify-center text-ink"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x size-[22px]" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg> </button> </div> <nav aria-label="Menu" class="flex flex-1 flex-col gap-5 p-4"> <div class="flex flex-col"> <a href="/guides/" class="flex h-[52px] cursor-pointer items-center gap-3.5 border-b border-line text-ink"> <span class="text-ink-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open size-5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></span> <span class="flex-1 text-[17px] font-semibold">Guides</span> <span class="text-ink-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-[18px]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span> </a><a href="/blog/" class="flex h-[52px] cursor-pointer items-center gap-3.5 border-b border-line text-ink"> <span class="text-ink-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-newspaper size-5" aria-hidden="true"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"></path><path d="M18 14h-8"></path><path d="M15 18h-5"></path><path d="M10 6h8v4h-8V6Z"></path></svg></span> <span class="flex-1 text-[17px] font-semibold">Blog</span> <span class="text-ink-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-[18px]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span> </a><a href="/api/" class="flex h-[52px] cursor-pointer items-center gap-3.5 border-b border-line text-ink"> <span class="text-ink-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code size-5" aria-hidden="true"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> <span class="flex-1 text-[17px] font-semibold">REST API</span> <span class="text-ink-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-[18px]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span> </a><a href="/mcp/" class="flex h-[52px] cursor-pointer items-center gap-3.5 border-b border-line text-ink"> <span class="text-ink-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-5" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span> <span class="flex-1 text-[17px] font-semibold">MCP server</span> <span class="text-ink-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-[18px]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span> </a><a href="/changelog/" class="flex h-[52px] cursor-pointer items-center gap-3.5 border-b border-line text-ink"> <span class="text-ink-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history size-5" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></span> <span class="flex-1 text-[17px] font-semibold">Changelog</span> <span class="text-ink-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-[18px]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span> </a> </div> <p class="text-[11px] font-bold uppercase tracking-[0.09em] text-ink-3">Categories</p> <div class="-mt-2 grid grid-cols-2 gap-2"> <a href="/developers/" class="flex h-12 cursor-pointer items-center gap-2.5 rounded-xl bg-page px-3"> <span class="text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code size-[18px]" aria-hidden="true"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> <span class="min-w-0 flex-1 truncate text-sm font-semibold text-ink">Developers</span> <span class="text-xs text-ink-3">91</span> </a><a href="/convert/" class="flex h-12 cursor-pointer items-center gap-2.5 rounded-xl bg-page px-3"> <span class="text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat size-[18px]" aria-hidden="true"><path d="m17 2 4 4-4 4"></path><path d="M3 11v-1a4 4 0 0 1 4-4h14"></path><path d="m7 22-4-4 4-4"></path><path d="M21 13v1a4 4 0 0 1-4 4H3"></path></svg></span> <span class="min-w-0 flex-1 truncate text-sm font-semibold text-ink">Convert</span> <span class="text-xs text-ink-3">79</span> </a><a href="/generate/" class="flex h-12 cursor-pointer items-center gap-2.5 rounded-xl bg-page px-3"> <span class="text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles size-[18px]" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></span> <span class="min-w-0 flex-1 truncate text-sm font-semibold text-ink">Generate</span> <span class="text-xs text-ink-3">33</span> </a><a href="/calculate/" class="flex h-12 cursor-pointer items-center gap-2.5 rounded-xl bg-page px-3"> <span class="text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator size-[18px]" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></span> <span class="min-w-0 flex-1 truncate text-sm font-semibold text-ink">Calculate</span> <span class="text-xs text-ink-3">32</span> </a><a href="/finance/" class="flex h-12 cursor-pointer items-center gap-2.5 rounded-xl bg-page px-3"> <span class="text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet size-[18px]" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></span> <span class="min-w-0 flex-1 truncate text-sm font-semibold text-ink">Finance</span> <span class="text-xs text-ink-3">31</span> </a><a href="/media/" class="flex h-12 cursor-pointer items-center gap-2.5 rounded-xl bg-page px-3"> <span class="text-brand"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image size-[18px]" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></span> <span class="min-w-0 flex-1 truncate text-sm font-semibold text-ink">Media</span> <span class="text-xs text-ink-3">27</span> </a> </div> <a href="/categories/" class="-mt-1 inline-flex min-h-11 cursor-pointer items-center text-sm font-semibold text-brand">All 15 categories →</a> <div data-sg-embed="trending" data-suffix="this week" data-live-visitors></div> <div class="flex-1"></div> <div class="flex flex-col gap-2.5 rounded-[14px] bg-pink-50 p-4 dark:bg-pink-950/40"> <p class="flex items-center gap-1.5 text-sm font-bold text-pink-800 dark:text-pink-100"> <span class="text-pink-600 dark:text-pink-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart size-[15px]" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></span> Keep it free </p> <p class="text-[13px] leading-normal text-pink-800 dark:text-pink-200">Sponsorship keeps every tool free and funds the new ones we ship each week.</p> <div class="flex gap-2"> <a href="/sponsor/" class="flex h-11 flex-1 cursor-pointer items-center justify-center rounded-[10px] bg-pink-600 text-sm font-semibold text-white">Sponsor</a> <a href="/sponsor/#back-the-project" class="flex h-11 flex-1 cursor-pointer items-center justify-center rounded-[10px] bg-white text-sm font-semibold text-pink-800 dark:bg-pink-950 dark:text-pink-100">Back the project</a> </div> </div> </nav> </div> <nav aria-label="Primary" class="shell-tabbar fixed inset-x-0 bottom-0 z-[45] border-t border-line bg-surface px-2 pb-[env(safe-area-inset-bottom)] pt-1.5 md:hidden"> <div class="flex"> <a href="/" aria-current="page" class="flex h-[52px] min-w-0 flex-1 cursor-pointer flex-col items-center justify-center gap-1 text-[11px] font-semibold text-brand"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid size-[22px]" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg> Tools </a> <button type="button" data-panel="search" class="flex h-[52px] min-w-0 flex-1 cursor-pointer flex-col items-center justify-center gap-1 text-[11px] font-medium text-ink-3"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search size-[22px]" aria-hidden="true"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg> Search </button> <button type="button" data-panel="saved" class="flex h-[52px] min-w-0 flex-1 cursor-pointer flex-col items-center justify-center gap-1 text-[11px] font-medium text-ink-3"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark size-[22px]" aria-hidden="true"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> Saved </button> <a href="/api/" class="flex h-[52px] min-w-0 flex-1 cursor-pointer flex-col items-center justify-center gap-1 text-[11px] font-medium text-ink-3"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code size-[22px]" aria-hidden="true"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg> API </a> <a href="/sponsor/" class="flex h-[52px] min-w-0 flex-1 cursor-pointer flex-col items-center justify-center gap-1 text-[11px] font-medium text-ink-3"> <span class="text-pink-600 dark:text-pink-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart size-[22px]" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></span> Sponsor </a> </div> </nav> <astro-island uid="1I7eCk" prefix="r164" component-url="/_astro/PanelsIsland.CDRkXROu.js" component-export="default" renderer-url="/_astro/client.CXGMMysH.js" props="{"toolCount":[0,463]}" ssr client="load" opts="{"name":"PanelsIsland","value":true}"></astro-island> <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><astro-island uid="2bbIiN" prefix="r162" component-url="/_astro/ToolRatingPromptIsland.DYP0YFMX.js" component-export="default" renderer-url="/_astro/client.CXGMMysH.js" props="{"translations":[0,{"tool_layout":[0,{"related_tools":[0,"Related Tools"],"faq_title":[0,"Frequently Asked Questions"],"more_info":[0,"More Information"]}],"common":[0,{"created_with":[0,"Created with"],"save":[0,"Save"],"download":[0,"Download"],"download_pdf":[0,"Download PDF"],"pdf_options":[0,"PDF Options"],"print":[0,"Print"],"copy":[0,"Copy"],"copied":[0,"Copied!"],"close":[0,"Close"],"close_menu":[0,"Close menu"],"open_menu":[0,"Open menu"],"cancel":[0,"Cancel"],"confirm":[0,"Confirm"],"loading":[0,"Loading.."],"print_tip":[0,"Tip: To get a clean PDF without URL/date, uncheck 'Headers and footers' in print settings. Click OK to continue."],"print_tip_short":[0,"Tip: In print dialog, uncheck \"Headers and footers\" to hide URL and date."],"print_settings":[0,"Print Settings"],"document_title":[0,"Document Title"],"align_left":[0,"Align Left"],"align_center":[0,"Align Center"],"align_right":[0,"Align Right"],"show_header":[0,"Show Header (Logo & Brand)"],"show_header_desc":[0,"Display FindUtils logo at the top"],"show_footer":[0,"Show Footer"],"show_footer_desc":[0,"Display \"Created with FindUtils\" at bottom"],"brand_color":[0,"Accent Color"],"preview":[0,"Preview"],"custom_header":[0,"Custom Header Text"],"custom_header_placeholder":[0,"Enter custom header.."],"custom_footer":[0,"Custom Footer Text"],"custom_footer_placeholder":[0,"Enter custom footer.."],"add_bookmark":[0,"Add to favourites"],"remove_bookmark":[0,"Remove from favourites"],"bookmarked":[0,"Favourited"],"dark_mode":[0,"Dark Mode"],"light_mode":[0,"Light Mode"],"share_on_x":[0,"Share on X"],"share_on_facebook":[0,"Share on Facebook"],"share_on_linkedin":[0,"Share on LinkedIn"],"share_on_reddit":[0,"Share on Reddit"],"copy_link":[0,"Copy link"],"open_in_new_tab":[0,"Open in new tab"]}],"sort":[0,{"popular":[0,"Popular"],"newest":[0,"Newest"],"alphabetical":[0,"A-Z"]}],"categories":[0,{"all_tools":[0,"All Tools"],"featured":[0,"Featured"],"developers":[0,"Developer Tools"],"design":[0,"Design Tools"],"finance":[0,"Finance Tools"],"security":[0,"Security Tools"],"convert":[0,"Converters"],"pdf":[0,"PDF Tools"],"generate":[0,"Generators"],"calculate":[0,"Calculators"],"text":[0,"Text Tools"],"media":[0,"Media Tools"],"network":[0,"Network Tools"],"seo":[0,"SEO Tools"],"education":[0,"Education Tools"],"productivity":[0,"Productivity"],"mockups":[0,"Mockups"],"view_all":[0,"View all"]}],"subcategories":[0,{"calculators":[0,"Calculators"],"generators":[0,"Generators"],"converters":[0,"Converters"],"formatters":[0,"Formatters"],"editors":[0,"Editors"],"analyzers":[0,"Analyzers"],"validators":[0,"Validators"],"tools":[0,"Tools"],"loans":[0,"Loans & Mortgages"],"investments":[0,"Investments & Savings"],"business":[0,"Business & Invoicing"],"personal_finance":[0,"Personal Finance"],"pdf_tools":[0,"PDF Tools"],"education":[0,"Education & Learning"],"time_focus":[0,"Time & Focus"],"project_management":[0,"Project Management"],"media_capture":[0,"Media & Recording"],"code_ids":[0,"Codes & IDs"],"media":[0,"Media & Images"],"social":[0,"Social & Random"],"image":[0,"Image Tools"],"video":[0,"Video Tools"],"audio":[0,"Audio Tools"],"data":[0,"Data & File Conversion"],"analysis":[0,"Text Analysis"],"formatting":[0,"Text Formatting"],"academic":[0,"Academic & Citations"],"writing":[0,"Writing & Tone"],"encoding":[0,"Encoding & Decoding"],"time":[0,"Time & Scheduling"],"network":[0,"Network & DNS"],"validation":[0,"Validation & Testing"],"tokens":[0,"Tokens & SEO"],"system":[0,"System & Metadata"],"hashing":[0,"Hashing"],"encryption":[0,"Encryption"],"passwords":[0,"Passwords"],"keys":[0,"Keys & Secrets"],"privacy":[0,"Privacy"],"color":[0,"Color Tools"],"css":[0,"CSS Effects"],"icons":[0,"Icons & Favicons"],"math":[0,"Math & Numbers"],"health":[0,"Health & Fitness"],"life":[0,"Life & Milestones"],"dates":[0,"Dates & Time"],"travel":[0,"Travel"],"social_posts":[0,"Social Media Posts"],"ai_chats":[0,"AI Chat Screenshots"],"messaging":[0,"Messaging Apps"],"authentication":[0,"Authentication & 2FA"],"vector":[0,"Vector Graphics"]}],"ads":[0,{"sponsored":[0,"Sponsored"],"get_deal":[0,"Get Deal"],"start_free_trial":[0,"Start Trial"]}],"breadcrumb":[0,{"home":[0,"Home"]}],"statuses":[0,{"draft":[0,"Draft"],"review":[0,"Review"],"pending_approval":[0,"Pending Approval"],"scheduled":[0,"Scheduled"],"posted":[0,"Posted"]}],"tags":[0,{"video":[0,"Video"],"audio":[0,"Audio"],"image":[0,"Image"],"document":[0,"Document"],"browser_based":[0,"Browser-Based"],"privacy_focused":[0,"Privacy-Focused"],"no_upload":[0,"No Upload"],"fast":[0,"Fast"],"batch":[0,"Batch Processing"],"converter":[0,"Converter"],"editor":[0,"Editor"],"extractor":[0,"Extractor"],"generator":[0,"Generator"],"analyzer":[0,"Analyzer"],"mp4":[0,"MP4"],"webm":[0,"WebM"],"wav":[0,"WAV"],"mp3":[0,"MP3"],"gif":[0,"GIF"],"png":[0,"PNG"],"jpg":[0,"JPG"],"pdf":[0,"PDF"],"json":[0,"JSON"],"mkv":[0,"MKV"],"ogg":[0,"OGG"],"flac":[0,"FLAC"]}],"tag_categories":[0,{"media_type":[0,"Media Type"],"feature":[0,"Features"],"use_case":[0,"Use Case"],"format":[0,"File Format"]}],"content":[0,{"breadcrumb_home":[0,"Home"],"breadcrumb_guides":[0,"Guides"],"breadcrumb_blog":[0,"Blog"],"category":[0,"Category"],"category_general":[0,"General"],"category_security":[0,"Security"],"category_productivity":[0,"Productivity"],"category_design":[0,"Design"],"category_developer":[0,"Developer"],"category_financial":[0,"Financial"],"category_news":[0,"News"],"category_tutorials":[0,"Tutorials"],"category_calculators":[0,"Calculators"],"category_converters":[0,"Converters"],"category_generators":[0,"Generators"],"category_text_tools":[0,"Text Tools"],"min_read":[0,"min read"],"read_time":[0,"Read Time"],"published":[0,"Published"],"quick_info":[0,"Quick Info"],"related_tool":[0,"Related Tool"],"related_guides":[0,"Related Guides"],"related_posts":[0,"Related Posts"],"back_to_guides":[0,"Back to Guides"],"back_to_blog":[0,"Back to Blog"],"try_tool":[0,"Try this tool"],"tags":[0,"Tags"],"share":[0,"Share"],"share_on_x":[0,"Share on X"],"share_on_facebook":[0,"Share on Facebook"],"share_on_linkedin":[0,"Share on LinkedIn"],"share_on_reddit":[0,"Share on Reddit"],"copy_link":[0,"Copy link"],"copied":[0,"Copied!"],"view_markdown":[0,"View Markdown"]}],"tools":[0,{"html_to_docx":[0,{"name":[0,"HTML to DOCX"],"description":[0,"Paste or drop HTML and download an editable Word .docx with headings, lists, links, and tables."]}],"docx_to_html":[0,{"name":[0,"DOCX to HTML"],"description":[0,"Drop a Word .docx and get clean semantic HTML for a CMS, a blog, or an email editor."]}],"markdown_to_word":[0,{"name":[0,"Markdown to Word"],"description":[0,"Convert Markdown to Word (.docx) with custom background, headers, images, and fonts. Download professional documents instantly."]}],"html_to_markdown":[0,{"name":[0,"HTML to Markdown"],"description":[0,"Convert HTML code to Markdown format instantly."]}],"docx_to_markdown":[0,{"name":[0,"DOCX to Markdown"],"description":[0,"Drop a Word .docx and get clean Markdown for a README, wiki, or site page."]}],"word_to_pdf":[0,{"name":[0,"Word to PDF Converter"],"description":[0,"Convert Word documents (.docx) to PDF and download as ZIP. 100% browser-based."]}],"html_formatter":[0,{"name":[0,"HTML Formatter"],"description":[0,"Beautify and minify HTML code with syntax highlighting."]}],"markdown_previewer":[0,{"name":[0,"Markdown Previewer"],"description":[0,"Write and preview Markdown with live rendering."]}]}],"assistant":[0,{"title":[0,"FindUtils Assistant"],"subtitle":[0,"AI-powered help"],"tab_ask":[0,"Ask"],"tab_share":[0,"Share"],"tab_faq":[0,"FAQ"],"tab_contact":[0,"Contact"],"share_on":[0,"Share with your network:"],"share_pick_message":[0,"Pick a message:"],"copy_link":[0,"Copy text"],"copied":[0,"Copied!"],"template_free_tools_label":[0,"Tools"],"template_free_tools_text":[0,"I just discovered FindUtils — a collection of 300+ online tools. No signup required. Check it out!"],"template_developer_label":[0,"Developer"],"template_developer_text":[0,"FindUtils has become my go-to for quick utilities — JSON formatter, password generator, color tools & more."],"template_recommend_label":[0,"Recommend"],"template_recommend_text":[0,"If you need online tools for everyday tasks, try FindUtils. It's fast, and keeps adding new tools!"],"template_privacy_label":[0,"Privacy"],"template_privacy_text":[0,"Found a great site with 300+ tools that work right in your browser — no data uploaded. Check out FindUtils!"],"faq_q1":[0,"Do I need an account to use FindUtils?"],"faq_a1":[0,"No. All tools work without signup and without hidden fees. Open a tool and start using it immediately."],"faq_q2":[0,"Is my data safe?"],"faq_a2":[0,"Most tools run entirely in your browser, so your files are not uploaded. Lookup tools send what you enter to the service named on their page, and each page says so."],"faq_q3":[0,"Do I need to create an account?"],"faq_a3":[0,"No account needed. Just open any tool and start using it immediately."],"faq_q4":[0,"Can I use FindUtils on mobile?"],"faq_a4":[0,"Yes! FindUtils is fully responsive and works great on phones, tablets, and desktops."],"faq_q5":[0,"How many tools are available?"],"faq_a5":[0,"We have hundreds of tools across categories like developer, design, security, finance, and more — with new tools added regularly."],"faq_q6":[0,"Can I request a new tool?"],"faq_a6":[0,"Yes! Visit our Request a Tool page to suggest tools you'd like to see."],"ask_placeholder":[0,"Ask about this tool or FindUtils.."],"ask_welcome_title":[0,"How can I help?"],"ask_welcome_desc":[0,"Ask me anything about this page, our tools, or how to find the right utility for your task."],"ask_example_1":[0,"What does this page do and how do I use it?"],"ask_example_2":[0,"I need to generate a strong password"],"ask_example_3":[0,"What developer tools do you have?"],"ask_example_4":[0,"Find me a tool to compress images"],"ask_clear":[0,"Clear chat"],"ask_retry":[0,"Retry"],"ask_restart":[0,"Start New Conversation"],"ask_limit_reached":[0,"You've reached the conversation limit. Please start a new conversation to continue."],"ask_limit_placeholder":[0,"Conversation limit reached"],"ask_disclaimer":[0,"AI responses may not always be accurate"],"ask_error_empty":[0,"Sorry, I could not generate a response. Please try again."],"contact_name":[0,"FindUtils Assistant"],"contact_role":[0,"Your AI-powered helper for 300+ tools"],"contact_email":[0,"Email"],"contact_website":[0,"Website"],"contact_socials":[0,"Follow us:"],"contact_request_tool":[0,"Request a New Tool"]}],"bookmarks":[0,{"add":[0,"Add to favourites"],"remove":[0,"Remove from favourites"],"search_placeholder":[0,"Search favourite tools.."]}],"feedback":[0,{"title":[0,"Rate This Tool"],"rate_label":[0,"How would you rate this tool?"],"stars":[0,"stars"],"rating_1":[0,"Poor - Needs improvement"],"rating_2":[0,"Fair - Could be better"],"rating_3":[0,"Good - Works well"],"rating_4":[0,"Great - Very useful"],"rating_5":[0,"Excellent - Love it!"],"suggestion_label":[0,"Have a suggestion? (Optional)"],"suggestion_placeholder":[0,"Tell us how we can improve this tool.."],"submit":[0,"Submit Feedback"],"submitting":[0,"Submitting.."],"success_title":[0,"Thank You!"],"success_message":[0,"Your feedback helps us improve."],"error_empty":[0,"Please provide a rating or suggestion."],"error_generic":[0,"Something went wrong. Please try again."],"rate_limited":[0,"You've already submitted feedback recently. Please wait a few minutes."],"already_rated_title":[0,"Thanks for your rating!"],"already_rated_message":[0,"You can rate again in 30 days."],"rate_this_tool":[0,"Rate this tool"],"thanks_for_rating":[0,"Thanks for rating!"],"add_suggestion":[0,"Add a suggestion"],"rating_singular":[0,"rating"],"rating_plural":[0,"ratings"],"post_task_eyebrow":[0,"Quick feedback"],"post_task_question":[0,"Did this tool solve your task?"],"outcome_yes":[0,"Solved it"],"outcome_partly":[0,"Partly"],"outcome_no":[0,"Not solved"],"problem_question":[0,"What caused the problem?"],"reason_incorrect_result":[0,"The result was incorrect"],"reason_missing_feature":[0,"A feature was missing"],"reason_difficult_to_use":[0,"The tool was difficult to use"],"reason_too_slow":[0,"The tool was too slow"],"reason_error_occurred":[0,"An error occurred"],"reason_other":[0,"Other"],"next_feature_question":[0,"What should we add next? (Optional)"],"missing_feature_question":[0,"Which feature was missing? (Optional)"],"comment_label":[0,"Add a comment (Optional)"],"comment_placeholder":[0,"Tell us what would make this tool better."],"never_ask_again":[0,"Do not ask again for this tool"],"send_feedback":[0,"Send feedback"],"close":[0,"Close feedback"],"prompt_eyebrow":[0,"Rate this tool"],"prompt_title":[0,"How well did {tool} work for you?"],"prompt_hint":[0,"One tap is enough. A note is optional."],"prompt_rated_title":[0,"Thanks! You gave {rating} of 5."],"prompt_comment_label":[0,"Anything we should improve? (Optional)"],"prompt_comment_placeholder":[0,"Tell us what was missing or confusing."],"prompt_autosend":[0,"We send your rating in a moment, or when you close this card."],"prompt_send":[0,"Send"],"prompt_sent_title":[0,"Thank you!"],"prompt_sent_message":[0,"Your rating helps us improve {tool}."],"prompt_not_now":[0,"Not now"],"prompt_close":[0,"Close rating prompt"],"features":[0,{"photo-measurement":[0,{"better_accuracy":[0,"Better accuracy"],"easier_calibration":[0,"Easier calibration"],"area_angle_tools":[0,"Area and angle tools"],"annotated_export":[0,"Annotated export"]}],"postman-to-curl":[0,{"variable_support":[0,"Variable support"],"more_shells":[0,"More shell formats"],"per_request_copy":[0,"Copy each request"],"script_export":[0,"Script export"]}],"image-eraser":[0,{"better_removal":[0,"Better removal quality"],"restore_brush":[0,"Restore brush"],"transparent_background":[0,"Transparent background"],"faster_processing":[0,"Faster processing"]}],"llm-requirements-calculator":[0,{"more_models":[0,"More models"],"runtime_choices":[0,"Runtime choices"],"multi_gpu":[0,"Multi-GPU support"],"launch_commands":[0,"Launch commands"]}],"tailwind-to-stylex":[0,{"component_conversion":[0,"Component class conversion"],"plugin_values":[0,"Plugin-generated values"],"more_token_formats":[0,"More token formats"],"migration_report":[0,"Migration report"]}]}]}],"footer":[0,{"brand_description":[0,"Everyday utility tools for developers, designers, and everyone in between."],"tools":[0,"Tools"],"popular_tools":[0,"Popular Tools"],"more_tools":[0,"More Tools"],"development":[0,"Development"],"company":[0,"Company"],"about":[0,"About"],"contact":[0,"Contact"],"privacy_policy":[0,"Privacy Policy"],"terms_of_service":[0,"Terms of Service"],"sitemap":[0,"Sitemap"],"new_tools":[0,"New Tools"],"all_tools":[0,"All Tools"],"open_source":[0,"Libraries"],"settings":[0,"Settings"],"dark_mode":[0,"Dark Mode"],"manage_data":[0,"Manage Data"],"copyright":[0,"© {year} FindUtils. All rights reserved."]}],"nav":[0,{"all_tools":[0,"All Tools"],"popular":[0,"Popular Tools"],"categories":[0,"Categories"],"guides":[0,"Guides"],"blog":[0,"Blog"],"about":[0,"About Us"],"request_tool":[0,"Request New Tool"],"submit_tool":[0,"Request a Tool"],"contact":[0,"Contact"],"search":[0,"Search"],"search_placeholder":[0,"Search Tools.."],"bookmarks":[0,"Favourite Tools"],"bookmarks_subtitle":[0,"Your saved tools for quick access"],"no_bookmarks":[0,"No favourites yet"],"no_bookmarks_hint":[0,"Click the bookmark icon on any tool to save it"],"dashboard":[0,"Dashboard"],"browse_categories":[0,"Browse Categories"],"view_all":[0,"View All"],"tools":[0,"tools"],"category":[0,"Category"],"popular_categories":[0,"Popular"],"recent_categories":[0,"Recent"],"sign_in":[0,"Sign in"],"get_started":[0,"Get started"],"filters":[0,"Filters"],"sort_by":[0,"Sort by"],"more":[0,"More"],"clear_all":[0,"Clear all"],"new_tools":[0,"New Tools"],"view_all_categories":[0,"View all categories"]}],"newsletter":[0,{"title":[0,"Get Weekly Tools"],"description":[0,"Get new tools and updates by email."],"placeholder":[0,"Email address"],"button":[0,"Join"],"success":[0,"Successfully subscribed!"],"already":[0,"You're already subscribed!"],"subscribed_with":[0,"You're subscribed with"],"change_email":[0,"Use a different email"],"change_description":[0,"Enter a new email address to subscribe."],"new_email_placeholder":[0,"New email address"],"cancel_change":[0,"Cancel"]}],"privacy_card":[0,{"title":[0,"Your Privacy"],"browser-processing":[0,"All processing happens directly in your browser. Your files are never uploaded to our servers, ensuring complete privacy and security."],"no-storage":[0,"We don't store any of your data. All information is processed in real-time and discarded immediately after use."],"encrypted":[0,"Your data is encrypted end-to-end. We use industry-standard encryption to protect your information."]}],"search":[0,{"placeholder":[0,"Search for tools, categories.."],"popular_tags":[0,"Popular Categories"],"browse_categories":[0,"Browse Categories"],"try_different":[0,"Try a different search term"],"to_navigate":[0,"to navigate"],"to_select":[0,"to select"],"to_close":[0,"to close"],"cant_find":[0,"Can't find what you're looking for?"],"suggest_tool":[0,"Suggest a tool"],"suggest_tool_hint":[0,"and we'll build it for you!"]}],"share":[0,{"share_result":[0,"Share Result"],"include_dates":[0,"Include dates"],"download":[0,"Download"],"copy":[0,"Copy"],"copied":[0,"Copied!"],"downloaded_instead":[0,"Downloaded!"],"share":[0,"Share"],"generating":[0,"Generating.."],"share_result_text":[0,"Check out my result!"]}],"_meta":[0,{"created_at":[0,"2026-09-11T00:00:00Z"],"updated_at":[0,"2026-09-11T13:18:26Z"]}],"html_to_docx":[0,{"page_title":[0,"HTML to DOCX — Clean Word Files in Your Browser | FindUtils"],"title":[0,"HTML to DOCX"],"description":[0,"Paste or drop HTML and download an editable Word .docx. Headings, lists, tables, links, bold and italic become real Word structure; CSS layout is not cloned. Nothing is uploaded or fetched."],"keywords":[1,[[0,"html to docx"],[0,"html to word"],[0,"convert html to docx"],[0,"html to docx converter"],[0,"html to word online"],[0,"html to word document"],[0,"html to docx free"],[0,"html to docx no upload"],[0,"web page to word"],[0,"html file to docx"],[0,"paste html to word"],[0,"convert html to word document online"],[0,"html to docx converter free"],[0,"save html as docx"]]],"breadcrumb_home":[0,"Home"],"breadcrumb_converters":[0,"Converters"],"breadcrumb_tool":[0,"HTML to DOCX"],"input_title":[0,"HTML Input"],"input_placeholder":[0,"Paste HTML here, or drop a .html file onto this panel. A full page or a bare fragment both work."],"doc_title_label":[0,"Document title"],"doc_title_hint":[0,"Written into the Word file's properties. Prefilled from the page's <title>, else its first heading, else the file name."],"count_headings":[0,"headings"],"count_paragraphs":[0,"paragraphs"],"count_items":[0,"list items"],"count_tables":[0,"tables"],"count_links":[0,"links"],"count_images":[0,"images"],"summary_empty":[0,"Paste HTML on the left, or drop a .html file, to see what the Word file will contain."],"download":[0,"Download"],"building":[0,"Building the Word file…"],"saved_as":[0,"Saved as"],"error_failed":[0,"The Word file could not be built from this HTML."],"notes_title":[0,"Conversion notes"],"notes_hint":[0,"What was left out, and why. The page fetches nothing, so a remote image cannot be placed."],"preview_title":[0,"Preview"],"preview_hint":[0,"What the Word file will contain: structure only, no CSS, sandboxed."],"preview_empty":[0,"The preview of the Word file's content appears here."],"privacy_title":[0,"Your HTML stays on your device"],"privacy_text":[0,"The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or anywhere else, and no remote image, stylesheet or script is fetched — you can confirm it in your browser's network panel while converting."],"why_use_title":[0,"Why Use Our HTML to DOCX Converter?"],"why_use_text":[0,"The article lives in the CMS, the newsletter lives in the email tool, the page lives on the site — and a client, a reviewer or a legal team wants a Word file. Opening HTML in Word is layout roulette, pasting through a browser drags styles along, and online converters upload the page. This page reads the HTML in the tab and writes a real .docx with Word's own structure: Heading styles for headings, bulleted and numbered lists with their nesting, tables with a header row, hyperlinks, bold, italic, underline, strikethrough and code. CSS layout is not cloned, on purpose; the result is a document someone can edit."],"how_to_title":[0,"How to Convert HTML to DOCX Online"],"how_to_steps":[1,[[0,"Paste HTML into the panel on the left, or drop a .html or .htm file onto it. A full page or a bare fragment both work; when there is a <body>, only the body is read."],[0,"Read the summary and the preview. The summary counts headings, paragraphs, list items, tables, links and images; the preview shows the structure the Word file will hold, with no CSS."],[0,"Set the document title if the prefilled one is wrong. It is taken from the page's <title>, else the first heading, else the file name, and is written into the file's properties."],[0,"Click Download. The .docx is built in the browser and saved under the file's name, or as document.docx for pasted HTML."]]],"use_cases_title":[0,"Common Use Cases"],"use_cases":[1,[[0,"Sending a CMS article to a client or a reviewer who works in Word with tracked changes."],[0,"Turning an email newsletter's HTML into a Word file for a sign-off round."],[0,"Archiving a web page's content as an editable document rather than a screenshot or a PDF."],[0,"Moving documentation written in HTML into a Word template for a print deliverable."]]],"tips_title":[0,"HTML to DOCX Tips"],"tips":[1,[[0,"Paste the article body, not the whole site page. Navigation, sidebars and cookie banners are content to the converter and end up in the Word file."],[0,"Use real HTML lists. A paragraph that starts with a typed bullet character stays a paragraph; <ul> and <ol> become Word lists with their nesting."],[0,"Images must already be embedded as data URLs to be placed. A remote image is left out and counted, because the page never fetches anything; download it and insert it in Word afterwards."],[0,"Put the header row in <thead>, or make its cells <th>. Either one becomes a shaded, bold header row that Word repeats across page breaks."],[0,"Do not expect columns, floats or grids. CSS is not read; the document flows top to bottom the way the HTML does, which is what an editable Word file needs."]]],"long_description":[0,"<p>This converter reads HTML into a small block model — headings, paragraphs, list items with a nesting level, tables with header rows, code blocks, quotes, rules and images — with formatted runs for bold, italic, underline, strikethrough, inline code and links. It then writes that model with the docx package into an ordinary .docx: h1 to h6 become Word's Heading 1 to Heading 6 styles, ul and ol become bulleted and numbered lists with up to eight nesting levels, tables become full-width Word tables with a shaded header row, http, https and mailto links become real hyperlinks, pre becomes a shaded monospace block, blockquote an indented italic paragraph, hr a rule.</p><p>What is dropped is dropped deliberately. Scripts, styles, hidden elements and form controls are ignored. CSS is never interpreted: classes, inline styles, floats, grids and columns have no effect, because a Word file that tries to imitate a web layout is neither a good page nor a good document. Relative links and javascript links become plain text. Only images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed, at their pixel size and at most 550 pixels wide; a remote image is left out and counted, because the page fetches nothing.</p><p>Everything runs in the browser. The HTML is not uploaded, and no remote resource is requested during the conversion. The preview frame is sandboxed and shows the block model itself, so what it shows is what the Word file holds.</p>"],"comparison_text":[0,"<p>Opening an HTML file directly in Word works for a simple page and turns into a layout puzzle for anything with a stylesheet. Copying from a browser and pasting into Word carries fonts, colours and spacing that then have to be cleared. Online converters upload the page, and the page may be an unpublished article or a client's draft. This converter keeps the job to one paste and keeps the markup in the tab, and it is the reverse of the DOCX to HTML page, so an article can make the round trip without leaving FindUtils.</p>"],"faq_title":[0,"Frequently Asked Questions"],"faq_q1":[0,"What HTML becomes what in the Word file?"],"faq_a1":[0,"h1 to h6 become Heading 1 to Heading 6; p becomes a paragraph; ul and ol become bulleted and numbered lists with their nesting; table becomes a Word table with a shaded header row; a becomes a hyperlink; b, strong, i, em, u, s, del and code become bold, italic, underline, strikethrough and monospace runs; pre becomes a shaded monospace block; blockquote an indented italic paragraph; hr a rule; br a line break."],"faq_q2":[0,"Why does my page's layout not survive?"],"faq_a2":[0,"Because CSS is never read. Classes, inline styles, floats, grids, columns and media queries have no effect; the document flows from top to bottom in the order of the HTML. That is deliberate: the goal is an editable Word document with real headings and lists, not a picture of a web page. For a visual copy, print the page to PDF instead."],"faq_q3":[0,"Why are some images left out?"],"faq_a3":[0,"The page never fetches anything, so an image with a remote address cannot be placed; it is left out and counted in the conversion notes. Images already embedded as data URLs in PNG, JPEG, GIF or BMP are placed at their pixel size, capped at 550 pixels wide. Other embedded formats, such as SVG and WebP, are left out and counted separately."],"faq_q4":[0,"Can I paste a whole web page?"],"faq_a4":[0,"Yes, and when the HTML has a <body>, only the body is read. Navigation, sidebars, footers and cookie banners are content to the converter, though, and end up in the Word file, so paste the article body when you can. Scripts, styles, hidden elements and form controls are always dropped."],"faq_q5":[0,"Which links become hyperlinks?"],"faq_a5":[0,"Links with an http, https or mailto address become real Word hyperlinks. Relative links such as /pricing/ and javascript links become plain text, because a Word file has no page to resolve them against."],"faq_q6":[0,"Is my HTML uploaded?"],"faq_a6":[0,"No. The HTML is read and the .docx is built in your browser. Nothing is sent to FindUtils or to any other server, and no remote image, stylesheet or script is requested during the conversion. The preview frame is sandboxed and is not allowed to load anything from the network."],"faq_q7":[0,"What is the document title for?"],"faq_a7":[0,"It is written into the Word file's properties, where Word and file managers show it. The field is prefilled from the page's <title>, else its first heading, else the file name, and you can change it before downloading."],"faq_q8":[0,"How are nested lists handled?"],"faq_a8":[0,"A list inside a list item becomes a deeper level of the same Word list, up to eight levels. Bulleted and numbered lists keep their kind at every level, so a numbered list nested in a bulleted one stays numbered."],"faq_q9":[0,"What happens with broken or partial HTML?"],"faq_a9":[0,"It is read best-effort: unclosed tags are closed the way a browser would close them, and a fragment without html or body tags is fine. Empty input shows a tip, not an error."],"faq_q10":[0,"Can I go the other way, from Word to HTML?"],"faq_a10":[0,"Yes. The DOCX to HTML converter on FindUtils reads a .docx and writes clean semantic HTML for a CMS, a blog or an email editor. Together the two pages make the round trip without leaving the site. For Markdown source instead of HTML, use Markdown to Word."],"related_tools":[0,"Related Tools"],"related_tool_ids":[1,[[0,"docx-to-html"],[0,"markdown-to-word"],[0,"html-to-markdown"],[0,"docx-to-markdown"],[0,"word-to-pdf"],[0,"html-formatter"],[0,"markdown-previewer"]]]}],"toolsPartial":[0,true]}],"toolSlug":[0,"html-to-docx"],"toolName":[0,"HTML to DOCX"]}" ssr client="idle" opts="{"name":"ToolRatingPromptIsland","value":true}"></astro-island><astro-island uid="ZY6c5M" prefix="r163" component-url="/_astro/FloatingAssistantIsland.BMmsHHoQ.js" component-export="default" renderer-url="/_astro/client.CXGMMysH.js" props="{}" ssr client="load" opts="{"name":"FloatingAssistantIsland","value":true}" await-children><div class="fu-ai-launcher"><div class="fu-ai-fab fixed bottom-[calc(76px+env(safe-area-inset-bottom))] right-4 z-[64] flex items-center gap-3 md:bottom-6 md:right-6"><button type="button" aria-label="Ask the AI assistant" aria-expanded="false" aria-keyshortcuts="Meta+J" class="flex cursor-pointer items-center justify-center rounded-full text-white transition-transform active:scale-95 size-12 md:size-[52px] bg-gradient-to-br from-[#2563eb] to-[#7c3aed] shadow-[0_10px_28px_-6px_rgb(124_58_237/0.55)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-[22px]" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></button></div></div></astro-island> </div><script type="module" src="/_astro/AppShell.astro_astro_type_script_index_0_lang.DPkYH-7E.js"></script> <script data-tool-id="html-to-docx"> (function () { var el = document.currentScript; var toolId = el && el.getAttribute('data-tool-id'); var main = document.querySelector('main'); if (!toolId || !main) return; var fired = false; function onInteract(e) { if (fired) return; var t = e.target; if (!(t instanceof Element) || !t.closest('input, textarea, select, button, [role=button], [contenteditable], canvas, label')) return; fired = true; ['click', 'input', 'change'].forEach(function (n) { main.removeEventListener(n, onInteract, true); }); var ev = { event: 'tool_engaged', tool_id: toolId }; if (window.google_tag_manager || typeof window.gtag !== 'function') { window.dataLayer = window.dataLayer || []; window.dataLayer.push(ev); } else { window.gtag('event', 'tool_engaged', { tool_id: toolId }); } if (typeof window.vmtrc === 'function') { try { window.vmtrc('trackEvent', 'tool_engaged', { eventData: { tool_id: toolId } }); } catch (err) {} } } ['click', 'input', 'change'].forEach(function (n) { main.addEventListener(n, onInteract, true); }); })(); </script> <script type="module" src="/_astro/SponsorPageAnalytics.astro_astro_type_script_index_0_lang.iQP1PdxY.js"></script> <script> if ('serviceWorker' in navigator && (location.hostname !== 'localhost')) { window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js', { scope: '/', updateViaCache: 'none' }) .catch(function() { /* SW kayıt hatası — sessizce devam et */ }); }); } </script></body> </html>

Preview

Your HTML stays on your device

Paste HTML into the panel on the left, or drop a .html or .htm file onto it

Read the summary and the preview

Set the document title if the prefilled one is wrong