Turn code snippets into shareable images.
Code snippet beautifier with glassmorphic styling. Built with React and Vite. Good for sharing on Twitter, LinkedIn, or dev blogs.
- ✨ Zero-config — paste code and go
- 🎨 5 Gradient Backgrounds — plus dark mode
- 🧠 Syntax Highlighting —
shikifor VS Code-accurate colors - 📸 High-Res Export — 2x PNG via
html-to-image - 🖥️ macOS Window Mode — Mac-styled terminal frame
git clone https://github.com/dinakars777/code-snap
cd code-snap
npm install
npm run devOpen http://localhost:5173 and start snapping.
| Tool | Purpose |
|---|---|
| React 19 + TypeScript | UI framework |
| Vite | Build tool & dev server |
shiki |
Syntax highlighting |
html-to-image |
PNG export |
lucide-react |
Icons |
| Vanilla CSS | Glassmorphism styling |
MIT