Skip to content

zanesense/snap-terminal

Repository files navigation

SnapTerminal — Generate beautiful, pixel-perfect terminal screenshots in seconds.

Live Demo Built with Next.js TypeScript Tailwind CSS


✨ What is Snap Terminal?

Snap Terminal turns plain text into gorgeous terminal screenshots — ready for your README, docs, blog post, or Twitter/X thread. No design skills needed. No Photoshop. Just paste your text, pick a style, and download.

Because $ echo "your terminal deserves better" shouldn't look like a 2004 forum post.


🖥️ Supported Platforms

Platform Style
🍎 macOS Terminal Classic, clean
⊞ Windows Command Prompt Retro DOS vibes
⊞ Windows PowerShell Modern blue
⊞ Windows Terminal (Win 11) Sleek rounded
🐧 Ubuntu Terminal Purple & punchy
🐧 Kali Linux Terminal Hacker aesthetic
▣ VS Code Integrated Terminal Developer-familiar
⚡ iTerm2 macOS power-user
⚙️ Custom Terminal Your rules

🎨 Features

  • 9 platform presets — match the exact terminal style you need
  • Full theme control — background, text color, cursor color, canvas background
  • Font options — JetBrains Mono, SF Mono, Cascadia Code, Fira Code, and more
  • Cursor styles — block, underline, bar, or none (with optional blinking)
  • Prompt customization$, >, #, %, PS>, or your own
  • Window chrome — toggle traffic-light buttons, title bar, line numbers, watermark
  • ANSI color support — your colored output renders correctly
  • Export formats — PNG, JPEG, WebP, SVG at 1×, 2×, 3×, or 4× resolution
  • Copy to clipboard — paste straight into Notion, Figma, or anywhere
  • Long output? No problem — tall screenshots auto-split into pages and export as ZIP

🚀 Getting Started

git clone https://github.com/zanesense/snap-terminal.git
cd snap-terminal
npm install
npm run dev

Open http://localhost:3000 and start snapping.


🛠️ Tech Stack


📦 Build & Deploy

npm run build   # production build
npm run start   # start production server
npm run lint    # run ESLint

Deploy instantly on Vercel with zero config.


🤝 Contributing

Got an idea for a new terminal theme? A platform preset we missed? PRs are welcome!

  1. Fork the repo
  2. Create your branch: git checkout -b feat/my-terminal-theme
  3. Commit your changes: git commit -m 'add: Hyper terminal preset'
  4. Push and open a PR

📄 License

MIT — do whatever you want, just make it look good.


Made with ☕ and a love for clean terminals · snap-terminal.vercel.app

About

Generate beautiful, pixel-perfect terminal screenshots in seconds.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors