Data & CSV
CSV record card maker
Turn table rows into printable cards with a safe local HTML preview.
A clear answer. Here’s how.
Creates a standalone HTML card document for up to 500 records. Every heading, cell and title is escaped, with no scripts, external fonts or assets. The first column supplies each card heading; all columns appear in a definition list. Preview uses a sandboxed frame; exported HTML has a restrictive content policy and print styles. Result is limited to 2 MB.
See a worked example
Worked example
A fixed demonstration, separate from the values you enter above.
- Your CSV
ID,Name,Team,Amount,Date 001,Ada,Design,120,2026-01-05 002,Sam,Writing,80,2026-01-06 003,Jo,Design,150,2026-01-07
- Column separator
- Comma
- Document title
- Record cards
Example result
<!doctype html><html lang="en"><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'"><meta name="viewport" content="width=device-width"><title>Record cards</title><style>body{font:16px system-ui;background:#f1f5f9;color:#152139;margin:24px}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}article{background:white;border:1px solid #cbd5e1;border-radius:12px;padding:20px;break-inside:avoid}h2{margin-top:0}dl{margin:0}dt{font-weight:650}dd{margin:4px 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}@media print{body{background:white}article{box-shadow:none}}</style><h1>Record cards</h1><main><article><h2>001</h2><dl><div><dt>ID</dt><dd>001</dd></div><div><dt>Name</dt><dd>Ada</dd></div><div><dt>Team</dt><dd>Design</dd></div><div><dt>Amount</dt><dd>120</dd></div><div><dt>Date</dt><dd>2026-01-05</dd></div></dl></article><article><h2>002</h2><dl><div><dt>ID</dt><dd>002</dd></div><div><dt>Name</dt><dd>Sam</dd></div><div><dt>Team</dt><dd>Writing</dd></div><div><dt>Amount</dt><dd>80</dd></div><div><dt>Date</dt><dd>2026-01-06</dd></div></dl></article><article><h2>003</h2><dl><div><dt>ID</dt><dd>003</dd></div><div><dt>Name</dt><dd>Jo</dd></div><div><dt>Team</dt><dd>Design</dd></div><div><dt>Amount</dt><dd>150</dd></div><div><dt>Date</dt><dd>2026-01-07</dd></div></dl></article></main></html>3 static cards. All headings and cells are escaped; no scripts or external assets.