I built a terminal-style GitHub profile generator (animated, free, no install)

Описание и применение

Termfolio позволяет быстро создать динамический README в стиле терминала, используя SVG‑анимацию, без установки и отправки данных.

Задача

GitHub profiles often display static badges and stat cards; the author wanted a dynamic terminal‑style README.

Результат

Termfolio enables users to create a terminal‑style, animated README in about a minute, entirely in the browser, without sending data anywhere.

Рабочий процесс

• Open https://termfolio01.netlify.app and enter GitHub username
• Fill in details, choose pixel art and colors, toggle optional cards
• Download each SVG from the SVG file list
• Copy the generated README.md
• Create a public repo named exactly like your username on GitHub
• Upload the SVG files and commit
• Paste the copied README.md into the repo’s README and commit
• Refresh the profile page

Доказательства

Termfolio is one HTML file with plain JavaScript. No framework, no build step. The output is pure SVG

Источник

Upload the SVG files. Pasting SVG text into GitHub's web editor can corrupt it.

Источник

The whole terminal is an SVG shown with an <img> tag. SVG supports animation on its own (SMIL)

Источник