CodeToImage - Frontend

User pastes code. App turns it into an image...or moving image

Features

• Multiple syntax theme using Syntax code highlight plugin
• Multiple IDE code space design
• Save code snippet as an image (Jpg/png)
• Records keystrokes then turns this into a moving (.gif) image file.

Tech Stack

• Vue3
• Vite
• Pinia

Plugins

• CodeMirror
• HTML2Canvas

Vue 3 + Vite

The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar

Contributing