Html Foundry
How it works

Guide

The flow

Fill in your document metadata. Paste your CSS. Paste your markdown. Click Generate. Copy the output. Done.

No accounts. No uploads. No server. Everything happens in your browser and leaves with you.

Metadata fields

Title The title of your piece. Goes into <h1> and <title>.
Author Your name. Appears below the title as a byline.
Date Publication date. Free text — write it however you like.
Label A small tag above the title. Essay, Outline, Note, Report — your call.
Description One sentence for SEO. Goes into <meta name="description">. Also used in JSON-LD if Page URL is filled.
Page URL The full URL where this page will live. Used in JSON-LD structured data. Both Description and URL must be filled for JSON-LD to generate.

CSS modes

Inline — your CSS is wrapped in a <style> tag inside <head>. The output is a single self-contained file. Good for sharing or archiving.

External — paste your stylesheet path (e.g. /styles.css) into the path field. The output links to that file. The CSS textarea is ignored in this mode.

Markdown formatting

Html Foundry uses standard Markdown. Everything below works out of the box.

# Heading Renders as <h1>
## Heading Renders as <h2>
### Heading Renders as <h3>
**bold** Renders as <strong>
*italic* Renders as <em>
--- Horizontal rule — <hr>
> text Blockquote — <blockquote>
- item Unordered list
1. item Ordered list
[text](url) Hyperlink
Blank line New paragraph

Output structure

The generated HTML is plain and semantic. No framework classes. No opinionated markup. The structure is:

<head>
  <!-- your CSS, inline or linked -->
  <!-- JSON-LD if fields are filled -->
</head>
<body>
  <div class="container">
    <header>
      <!-- label, title, author -->
    </header>
    <main>
      <!-- your markdown, converted -->
    </main>
  </div>
</body>

The container class is the only class injected. Target it in your CSS to control max-width and padding.

JSON-LD

If both Description and Page URL are filled, Html Foundry injects a BlogPosting schema block into <head>. This helps search engines attribute the content to you with a timestamp. It is not a copyright lock — it is a receipt.

Terms of use

Conditions

01

Double check the output

Html Foundry generates HTML from what you paste. It does not validate, lint, or verify the result. Read your output before you use it.

02

You are responsible for what you paste

Your content, your CSS, your links. This tool does not inspect, filter, or store what you put in. What you generate is yours entirely.

03

No storage, no memory, no guarantees

Nothing you enter is saved anywhere. Close the tab and it is gone. Html Foundry makes no guarantees about uptime, output correctness, or fitness for any particular use.

04

This tool generates HTML

That is the full extent of what it does. It is a converter. Not a publisher, not a host, not a content platform. What you do with the output is outside this tool's scope entirely.