This project is a code to image converter built using Next.js and various dependencies to provide features such as changing language color of code, theme selector, padding adjustment, and exporting PNG images.
You can try out the live demo of the Code to Image project here.
- Convert code to image.
- Change language color of code.
- Theme selector.
- Padding adjustment.
- Export code as PNG image.
html2canvas
: A JavaScript library that provides an API to capture screenshots of web pages.lucide-react
: SVG icons library for React applications.re-resizable
: React component for resizable elements.react-ace
: React component for the Ace code editor.react-outside-click-handler
: React component to handle clicks outside a specified element.next
: Framework for React applications.react
: JavaScript library for building user interfaces.react-dom
: React package for working with the DOM.
-
Clone the repository:
git clone https://github.com/FALAK097/codetoimg
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to http://localhost:3000 to view the application.