{"id":26466589,"url":"https://github.com/devrajdc/dc-code-screenshot","last_synced_at":"2026-04-13T00:02:01.171Z","repository":{"id":237460660,"uuid":"782855577","full_name":"DevrajDC/dc-code-screenshot","owner":"DevrajDC","description":"A powerful tool for sharing code snippets with additional features. Share beautiful screenshots of your code on your social media platforms.","archived":false,"fork":false,"pushed_at":"2024-04-28T20:31:16.000Z","size":157,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-02T03:26:21.518Z","etag":null,"topics":["flourite","highlightjs","html-to-image","react-hot-toast","react-hotkeys-hook","react-simple-code-editor","reactjs","resizable","shadcn-ui","tailwindcss","zustand"],"latest_commit_sha":null,"homepage":"https://dc-code-screenshot.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DevrajDC.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-06T08:24:30.000Z","updated_at":"2024-05-02T03:27:41.492Z","dependencies_parsed_at":"2024-05-02T03:26:28.800Z","dependency_job_id":"f41f2bd3-7b54-4d75-b235-a7496eca561e","html_url":"https://github.com/DevrajDC/dc-code-screenshot","commit_stats":null,"previous_names":["devrajdc/dc-code-screenshot"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevrajDC%2Fdc-code-screenshot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevrajDC%2Fdc-code-screenshot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevrajDC%2Fdc-code-screenshot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevrajDC%2Fdc-code-screenshot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DevrajDC","download_url":"https://codeload.github.com/DevrajDC/dc-code-screenshot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244422574,"owners_count":20450237,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flourite","highlightjs","html-to-image","react-hot-toast","react-hotkeys-hook","react-simple-code-editor","reactjs","resizable","shadcn-ui","tailwindcss","zustand"],"created_at":"2025-03-19T12:08:51.704Z","updated_at":"2026-04-13T00:02:00.763Z","avatar_url":"https://github.com/DevrajDC.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Code Screenshot\nA powerful tool for sharing code snippets with additional features. Share beautiful screenshots of your code on your social media platforms.\n\nProject Live at: https://dc-code-screenshot.vercel.app/\n\n![code-screenshot](https://github.com/DevrajDC/dc-code-screenshot/assets/65373279/1030c068-c9b7-4227-9d47-9c3a1bd45782)\n\n---\n\n## Features\n- 10+ elegant themes (light + dark theme included).\n- 12+ font styles (popular monospace fonts).\n- Support for all popuplar languages with auto-detection and syntax highlighting.\n- Multiple export options: save as SVG/PNG, copy to clipboard and copy link.\n- Other customization options like: font size, padding, background etc.\n\n---\n\n## Technologies used\n- [React](https://es.reactjs.org/) - Front-End JavaScript library.\n- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework.\n- [ShadCN UI](https://ui.shadcn.com) - Re-usable components built using Radix UI and Tailwind CSS.\n- [Zustand](https://zustand-demo.pmnd.rs/) - Bear necessities for state management in React.\n- [Highlight.js](https://highlightjs.org/) - Syntax highlighter.\n- [React Simple Code Editor](https://www.npmjs.com/package/react-simple-code-editor) - Browser based code editor.\n- [HTML to Image](https://www.npmjs.com/package/html-to-image) - Generates an image from a DOM node using HTML5 canvas and SVG.\n- [React Hot Toast](https://react-hot-toast.com/) - Toast notifications for React.\n- [React Hotkeys Hook](https://www.npmjs.com/package/react-hotkeys-hook) - A React hook for using keyboard shortcuts in components in a declarative way.\n- [Resizable](https://www.npmjs.com/package/re-resizable) - A resizable component for React.\n- [Vite](https://vitejs.dev/) - Frontend Tooling\n\n---\n\n## Build steps\n\n1. Clone this repo\n\n```bash\ngit clone https://github.com/DevrajDC/dc-code-screenshot \u0026\u0026 cd code-screenshot\n```\n\n2. Install project dependencies\n\n```bash\nnpm install\n```\n\n3. Build the project and start a local server\n\n```bash\nnpm run build \u0026\u0026 npm run serve\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevrajdc%2Fdc-code-screenshot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevrajdc%2Fdc-code-screenshot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevrajdc%2Fdc-code-screenshot/lists"}