Sinppix - Code Screenshot

A powerful tool for sharing code snippets with additional features. Share beautiful screenshots of your code on your social media platforms.

Project Live at: https://snippix.vercel.app/

🎨 Features

• 10+ elegant themes (light + dark theme included).
• 12+ font styles (popular monospace fonts).
• Auto-detection & syntax highlighting for all major programming languages.
• Export as PNG/SVG, copy to clipboard, or share via link.
• Change font size, background, padding, line numbers, and more.

🧪 Technologies Used

• React – Front-end JavaScript library
• Next.js – Full-stack React framework with SSR
• TypeScript – Static typing for scalable apps
• Tailwind CSS – Utility-first CSS framework
• ShadCN UI – Radix-powered component library styled with Tailwind
• Zustand – Simple and fast state management
• Highlight.js – Language detection and syntax highlighting
• React Simple Code Editor – Lightweight code editor in the browser
• HTML-to-Image – Converts DOM to image using canvas/SVG
• React Hot Toast – Sleek toast notifications
• React Hotkeys Hook – Keyboard shortcuts made easy
• Resizable – Resizable container component