Skip to content

dinakars777/code-snap

Repository files navigation

code-snap 📸

A gorgeous, glassmorphic code snippet beautifier built with React and Vite.

Create beautiful, stylized images of your code snippets instantly. Perfect for sharing on 𝕏 (Twitter), LinkedIn, or dev blogs.

Features

  • Zero-config setup
  • 🎨 Beautiful Gradients: 5 extremely satisfying preset backgrounds + a dark mode
  • 🧠 Syntax Highlighting: Powered by shiki for extreme accuracy and VS Code-like coloring
  • 📸 High-Res Export: Downloads a retina-ready (2x pixel ratio) PNG via html-to-image
  • 🖥️ macOS Window Mode: Wraps your code in a beautiful Mac-styled glassy terminal window

Tech Stack

  • React + TypeScript
  • Vite (for instant HMR and blazing fast builds)
  • Vanilla CSS (backdrop-filter, standard utility classes, heavy CSS variables)
  • lucide-react (icons)

Quick Start

npm install
npm run dev

Open http://localhost:5173 and start snapping!

License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors