Code Screenshot Generator

A beautiful and simple tool to create stunning screenshots of your code snippets with syntax highlighting and customizable options.

Features

• Syntax Highlighting: Support for multiple programming languages (TypeScript, Markdown, PHP, JSON, HTML, Vue)
• Customizable Size: Choose from Small, Medium, Large, or Extra Large canvas sizes
• Dark/Light Mode: Toggle between dark and light themes
• Custom Watermark: Add your own editable watermark to screenshots
• High Quality: Export screenshots to images
• URL Parameters: Share your configuration via URL (code, language, size, watermark, theme)

Getting Started

Prerequisites

• Node.js
• pnpm

Installation

1. Clone the repository:

git clone https://github.com/Barbapapazes/code.soubiran.dev.git
cd code.soubiran.dev

2. Install dependencies:

pnpm install

Development

Start the development server:

pnpm dev

The application will be available at http://localhost:5173.

Build

Build the application for production:

pnpm build

The built files will be in the dist/ directory.

Preview

Preview the production build locally:

pnpm preview