CodeSnipe

CodeSnipe is a beautiful code snippet creator for developers to generate and share customizable code screenshots.

Features

• Generate customizable code screenshots
• Multiple themes and background options
• Toggle between dark and light mode
• Resize code window to your preference
• Adjustable padding settings
• Multiple font options
• Automatic language detection
• Export as PNG or copy to clipboard
• Keyboard shortcuts for faster workflow

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the application.

Keyboard Shortcuts

• G - Random Background
• B - Toggle Background
• D - Dark or Light Mode
• N - Toggle Line Number
• F - Random Font
• S / M / L - Toggle Padding Size
• 1 / 2 / 3 - Toggle Image Size
• Ctrl + Alt + S - Download PNG
• Ctrl + Alt + C - Copy PNG

Technologies Used

• Next.js
• React
• TypeScript
• Chakra UI
• CodeMirror
• dom-to-image

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request if you have any improvements or bug fixes.

License

This project is licensed under the MIT License - see the LICENSE file for details.