{"id":13671014,"url":"https://github.com/kufii/CodeSnap","last_synced_at":"2025-04-27T13:33:27.971Z","repository":{"id":35174026,"uuid":"210687875","full_name":"kufii/CodeSnap","owner":"kufii","description":"📸 Take beautiful screenshots of your code in VS Code!","archived":false,"fork":false,"pushed_at":"2023-12-29T18:29:34.000Z","size":782,"stargazers_count":565,"open_issues_count":103,"forks_count":72,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-04T13:42:17.250Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kufii.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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":"2019-09-24T20:04:03.000Z","updated_at":"2025-04-01T02:21:03.000Z","dependencies_parsed_at":"2024-06-12T08:38:12.584Z","dependency_job_id":"fc318146-7b68-46a7-9cd1-1e9ad58f2386","html_url":"https://github.com/kufii/CodeSnap","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kufii%2FCodeSnap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kufii%2FCodeSnap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kufii%2FCodeSnap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kufii%2FCodeSnap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kufii","download_url":"https://codeload.github.com/kufii/CodeSnap/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251145835,"owners_count":21543105,"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":[],"created_at":"2024-08-02T09:00:55.836Z","updated_at":"2025-04-27T13:33:22.943Z","avatar_url":"https://github.com/kufii.png","language":"JavaScript","readme":"# CodeSnap\n\n📸 Take beautiful screenshots of your code in VS Code!\n\n## Features\n\n- Quickly save screenshots of your code\n- Copy screenshots to your clipboard\n- Show line numbers\n- Many other configuration options\n\n## Usage Instructions\n\n1. Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for `CodeSnap`.\n2. Select the code you'd like to screenshot.\n3. Adjust the width of the screenshot if desired.\n4. Click the shutter button to save the screenshot to your disk.\n\n**Tips**:\n\n- You can also start CodeSnap by selecting code, right clicking, and clicking CodeSnap\n- If you'd like to bind CodeSnap to a hotkey, open up your keyboard shortcut settings and bind `codesnap.start` to a custom keybinding.\n- If you'd like to copy to clipboard instead of saving, click the image and press the copy keyboard shortcut (defaults are Ctrl+C on Windows and Linux, Cmd+C on OS X), or bind `codesnap.shutterAction` to `copy` in your settings\n\n## Examples\n\n[Material Theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme) + [Operator Mono](https://www.typography.com/fonts/operator/styles/operatormono)\n\n![Example 1](https://raw.githubusercontent.com/kufii/CodeSnap/master/examples/material_operator-mono.png)\n\n[Nord](https://github.com/arcticicestudio/nord-visual-studio-code) + [Cascadia Code](https://github.com/microsoft/cascadia-code)\n\n![Example 2](https://raw.githubusercontent.com/kufii/CodeSnap/master/examples/nord_cascadia-code.png)\n\nMonokai + [Fira Code](https://github.com/tonsky/FiraCode)\n\n![Example 3](https://raw.githubusercontent.com/kufii/CodeSnap/master/examples/monokai_fira-code.png)\n\n## Configuration\n\nCodeSnap is highly configurable. Here's a list of settings you can change to tune the way your screenshots look:\n\n**`codesnap.backgroundColor`:** The background color of the snippet's container. Can be any valid CSS color.\n\n**`codesnap.boxShadow`:** The CSS box-shadow for the snippet. Can be any valid CSS box shadow.\n\n**`codesnap.containerPadding`:** The padding for the snippet's container. Can be any valid CSS padding.\n\n**`codesnap.roundedCorners`:** Boolean value to use rounded corners or square corners for the window.\n\n**`codesnap.showWindowControls`:** Boolean value to show or hide OS X style window buttons.\n\n**`codesnap.showWindowTitle`:** Boolean value to show or hide window title `folder_name - file_name`.\n\n**`codesnap.showLineNumbers`:** Boolean value to show or hide line numbers.\n\n**`codesnap.realLineNumbers`:** Boolean value to start from the real line number of the file instead of 1.\n\n**`codesnap.transparentBackground`:** Boolean value to use a transparent background when taking the screenshot.\n\n**`codesnap.target`:** Either `container` to take the screenshot with the container, or `window` to only take the window.\n\n**`codesnap.shutterAction`:** Either `save` to save the screenshot into a file, or `copy` to copy the screenshot into the clipboard.\n\n## Acknowledgements\n\nThe great [Polacode](https://github.com/octref/polacode), for the initial concept.\n\n[Carbon](https://carbon.now.sh/) for some design inspiration.\n","funding_links":[],"categories":["JavaScript","others"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkufii%2FCodeSnap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkufii%2FCodeSnap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkufii%2FCodeSnap/lists"}