CodeExport

Transform your code into beautiful images with syntax highlighting.

Features

• 🎨 Multiple syntax highlighting themes
• 🔤 Multiple font options
• 📝 Support for various programming languages
• 📏 Customizable font size and padding
• 🔢 Optional line numbers
• 💾 Export as PNG or PDF
• 📱 Mobile responsive
• 🔍 Full preview modal
• 🎯 No text wrapping in code editor

Installation

1. Clone the repository:

git clone https://github.com/dreeyanzz/CodeExport.git
cd CodeExport

2. Install dependencies:

npm install

Usage

Development Server

Start the development server with live reload:

npm start

Or:

npm run dev

This will open the app at http://localhost:3000

Manual Usage

Simply open index.html in your browser - no build process required!

How to Use

1. Paste your code into the editor
2. Customize the appearance:
   • Choose a theme
   • Select a font
   • Pick the language for syntax highlighting
   • Adjust font size and padding
   • Toggle line numbers
   • Set a filename
3. Click "Generate Preview" to see the result
4. Click the preview image to view it in full screen
5. Download as PNG or PDF

Technologies Used

• Vanilla JavaScript
• HTML5 Canvas
• JetBrains Mono Font
• jsPDF for PDF generation
• Live Server for development

License

ISC