An open API service indexing awesome lists of open source software.

https://github.com/codemeapixel/codesnipe

CodeSnipe is a beautiful code snippet creator for developers to generate and share customizable code screenshots.
https://github.com/codemeapixel/codesnipe

Last synced: 8 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# CodeSnipe

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

![CodeSnipe Preview](./public/cover.png)

## 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:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](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](LICENSE) file for details.