Transform your code into aesthetic, shareable snapshots effortlessly! FrameCode is a powerful and lightweight tool inspired by Ray.so, designed to elevate your code-sharing experience.

🔗 Live Demo: [Coming Soon]

✅ 10+ Elegant Themes – Light & Dark modes included
✅ 12+ Monospace Fonts – Customize your style
✅ Auto Syntax Highlighting – Supports all popular languages
✅ Multiple Export Options – PNG, SVG, copy to clipboard, or shareable link
✅ Resizable & Customizable Layouts – Fine-tune padding, font size & backgrounds
✅ Lightning Fast & Minimal UI – No clutter, just productivity

🚀 Frontend: React, Tailwind CSS, ShadCN UI
🐻 State Management: Zustand
🎨 Code Highlighting: Highlight.js
📸 Image Generation: HTML-to-Image
🔔 Notifications: React Hot Toast
⌨️ Keyboard Shortcuts: React Hotkeys Hook
🖼️ Resizable UI: Re-Resizable
⚡ Build Tool: Vite

Follow these simple steps to get started:

# Clone the repository
git clone https://github.com/ManavLohabade/FrameCode.git
cd FrameCode

# Install dependencies
npm install

# Start the development server
npm run dev