Code to Image
DEMO
A simple Next.js + Tailwind CSS project that converts code snippets into beautiful images with customisable themes and appearance settings.
This project is purely a test for exploring Next.js and Tailwind CSS.
🚀 Features
🎨 Customisable Themes – Choose from different themes to style your code.
🖼️ Code to Image – Convert code snippets into shareable images.
🎭 Appearance Customisation – Adjust background colour, padding, border radius, line numbers and windows controls
🛠 Installation (if you prefer to run yourself)
Clone the repository and install dependencies:
git clone https://github.com/cosmic-jellyfish/code-to-image.git
cd code-to-image
npm install
🔄 Running the Project
To start the development server:
npm run dev
🖼️ Usage
Enter or paste your code snippet
Select a theme and adjust appearance settings
Generate and save your image
🛠 Technologies Used
Next.js – React framework for server-side rendering.
Tailwind CSS – Utility-first CSS for rapid styling.
Prism.js (Optional) – Syntax highlighting for better visuals.
