Terminal Profile Cards For Your GitHub README.md

Convert your GitHub avatar into directional Sobel ASCII art beside live system stats, custom color syntax, and a zero-maintenance SVG API endpoint.

Live Theme Preview:
GitFetch Terminal Card preview in Matrix Emerald theme

8 Terminal Syntax Palettes — Click Any Theme to Preview

Every preset separates title, key, dot leader, value, and ASCII portrait tokens. Select any palette below to update the live hero terminal card above or open it directly in Studio.

Open Matrix Emerald in Studio
Dracula Dark
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →
Cyberpunk Neon
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →
Monokai Pro
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →
Matrix Emerald
Active
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Previewing in HeroUse theme →
Nord Frost
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →
Solarized Dark
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →
Retro Amber Terminal
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →
Tokyo Night
   .---.   
  /     \  
 | () () | 
  \  ^  /  
   `---'   
dev@github
----------
OS: Arch Linux
Shell: zsh 5.9
Editor: Neovim
Click to previewUse theme →

From GitHub Username to Live README in 3 Steps

Export standalone SVG/Markdown or embed the dynamic `/api/svg` endpoint that fetches your public GitHub stats automatically.

Step 1

Auto-Import GitHub Profile

Enter your GitHub handle in Studio. GitFetch pulls your public bio, repo count, total stars, top languages, account uptime, and converts your avatar to ASCII.

Step 2

Customize Fields & Sobel Sliders

Drag and reorder key-value rows, add section dividers, fine-tune ASCII column width and Sobel edge sharpness, or enable pure-CSS typewriter animations.

Step 3

Embed Live SVG or Markdown

Paste the one-line <img src=".../api/svg"> tag into your README.md, or download a standalone SVG/Markdown block.

Frequently Asked Questions

How do I add the terminal card to my GitHub README.md?

Open Studio, import your GitHub username, customize your ASCII art and fields, and copy either the Live SVG <img> snippet or the plain Markdown code block directly into your profile README.md.

Does GitFetch require GitHub login or OAuth permissions?

No. GitFetch reads only public GitHub profile and repository metadata. You never need to sign in, connect an account, or grant write access.

Can I upload a custom image or logo instead of my GitHub avatar?

Yes. Drop any PNG, JPG, or WebP image into the Studio ASCII panel—or pick from built-in vector presets like Octocat, Linux Tux, Neovim, and Cyberpunk Skull.

Is it open source and free to self-host?

Yes. Built with Next.js 14, Tailwind CSS, and pure Node.js/Canvas image processing with zero external database dependencies—ready for one-click Vercel deployment.

Ready to build your terminal README card?

Launch the interactive Studio with the Matrix Emerald palette pre-loaded and generate your card in under a minute.