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