This project is a Code to Image tool built with Next.js 14, providing a seamless way to convert code snippets into visually appealing images. It supports multiple programming languages, resizable components, theme selection, padding adjustment, code colors customization, and language selection.
-
Multiple Languages: Convert code snippets from various programming languages into images.
-
Resizable Component: Easily adjust the size of the code snippet to fit your needs.
-
Theme Selector: Choose from a variety of themes to customize the appearance of your code.
-
Padding Selector: Fine-tune the padding around your code snippet for optimal presentation.
-
Code Colors: Customize the colors of your code to enhance readability and aesthetics.
-
Language Selector: Support for a wide range of programming languages for versatile use.
Make sure you have Node.js installed(Node.js version >= v18.17.0 is required).
Clone the repository:
git clone https://github.com/utk145/Code.to.Image.git
Navigate to the project directory
cd Code.to.Image
Install dependencies
npm install
npm run dev
- Open the application in your browser.
- Input or paste your code snippet.
- Customize the settings using the provided options.
- Click on the "Export" button to visualize your code.
- Download the generated image
Happy coding! 🚀