https://github.com/yugbhanushali/code-to-image
Create beautiful snippet of your code using Code to Image, with customizable theme UI, fonts, background, Dark mode and much more and downlaod the snippet in different formats. Convert your code into beautiful images with few clicks. Share this beautiful snippet with your friends and colleagues and make your code look more beautiful and attractive.
https://github.com/yugbhanushali/code-to-image
beautify code code-snippet cutomization snippets
Last synced: about 2 months ago
JSON representation
Create beautiful snippet of your code using Code to Image, with customizable theme UI, fonts, background, Dark mode and much more and downlaod the snippet in different formats. Convert your code into beautiful images with few clicks. Share this beautiful snippet with your friends and colleagues and make your code look more beautiful and attractive.
- Host: GitHub
- URL: https://github.com/yugbhanushali/code-to-image
- Owner: YugBhanushali
- License: mit
- Created: 2023-03-12T15:46:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-02T16:41:36.000Z (over 1 year ago)
- Last Synced: 2025-06-10T13:04:14.006Z (4 months ago)
- Topics: beautify, code, code-snippet, cutomization, snippets
- Language: CSS
- Homepage: https://codetoimg.vercel.app/
- Size: 1.16 MB
- Stars: 8
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Code to Image
Code to Image is the app which can be used to create beautiful snippets of your code with customizable background, font styles, theme UI, Dark mode, and other more features and also allow user to download the snippet in different format e.g PNG,JPEG, and SVG.
## How to Use
1. Clone the repository or download the code.
2. Install the dependencies using `npm install`.
3. Start the development server using `npm run dev`.
4. Go to `http://localhost:3000` in your browser.
5. Type in your code snippet into the editor.
6. Click the "Generate Image" button to generate a beautiful image of your code snippet.
7. You can download the generated image by right-clicking on it and selecting "Save image as".
## Dependencies
- React
- Vite
- Styled Components
- Redux
- PrismJS
- html-to-image
## Contributing
Contributions are welcome! If you find a bug or have a feature request, please open an issue on GitHub. If you want to contribute code, please open a pull request with your changes.
## License
This project is licensed under the MIT License. See the `LICENSE` file for more information.