Awesome 5 tools to create beautiful images of your code snippets

When you are coding, you may want to take a photo of your work to share it in your social media or presentations. Here, I am going to share 5 tools that help you to create beautiful code snippet images.

Code Snapshot

Code Snapshot is simple VS code extension to capture photo from your code.

Steps to create the screenshot:

  1. Select the code you’d like to screenshot.
  2. Right click and select the Snapshot
  3. Adjust the width and color of the screenshot if desired.
  4. Click the shutter button to save the screenshot.

Ray

With Ray, you can choose from a range of predefined gradient colors, hide or show the background, toggle between a dark and the light window, when creating images of your code. By default, it will auto detect the code language or we can choose the code language. Export the image as PNG, SVG, copy image and copy URL.

Carbon

With Carbon, you can customize your image by changing the syntax theme, background color or image, window theme, padding, drop shadow, auto or manual adjust of width, change the font, font size and line height. Add or remove the line numbers. Download image as PNG and SVG format.

Code to Img

Using code to img tool, you can customize the background color, beautiful gradients and export images from unsplash. Toggle between light and dark mode, add or remove the background blur, drop shadow, line number and title text. You can change the font size, padding and code language. Export the image as PNG, Jpeg and SVG format.

Code Keep

CodeKeep is a great way to create and share code snippets. You can customize the code theme, code language and window icon. Show or hide the line numbers, title and description, file name, social icon, shadow and avatars. Change the background color, load images and adjust the image position. Add the icons (Android, Angular, etc.,) and emojis. You can also organize code snippets by creating labels and filtering snippets by label.

I personally use Code Snapshot and Ray.

Do you know any other amazing tool used to create beautiful code snippets? Please share them below.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store