A fully functional Ray.so clone (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://code-capture.vercel.app
- 10+ elegant themes (light + dark theme included).
- 12+ font styles (popular monospace fonts).
- Support for all popular languages with auto-detection and syntax highlighting.
- Multiple export options: save as SVG/PNG, copy to clipboard, and copy link.
- Other customization options like font size, padding, background, etc.
- React - Front-End JavaScript library.
- Tailwind CSS - A utility-first CSS framework.
- ShadCN UI - Re-usable components built using Radix UI and Tailwind CSS.
- Zustand - Bear necessities for state management in React.
- Highlight.js - Syntax highlighter.
- React Simple Code Editor - Browser based code editor.
- HTML to Image - Generates an image from a DOM node using HTML5 canvas and SVG.
- React Hot Toast - Toast notifications for React.
- React Hotkeys Hook - A React hook for using keyboard shortcuts in components in a declarative way.
- Resizable - A resizable component for React.
- Vite - Frontend Tooling
- Clone this repo
git clone https://github.com/alisamirali/code-capture.git
cd code-capture
- Install project dependencies
npm install or npm i
- Run the project
npm run dev