/Code.to.Image

This project is a tool built with Next.js 14. A simple replica of ray.so to convert code to snapshots to share on your socials.

Primary LanguageTypeScript

Nextjs Based Code to Image app

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.

Features

  • 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.

Installation

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

Run Locally

  npm run dev

Usage

  • 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! 🚀