Developer Tools

Ray.so

A browser tool for turning code snippets into clean, shareable images. Useful for documentation, social posts, or presentations where you want code to look polished without fiddling with screenshot tools and manual cropping.

Overview

Ray.so is a web-based tool created by Raycast that converts code snippets into visually polished images. You paste your code, choose a color theme and background, adjust padding and window style, and export a high-resolution PNG or SVG. The whole process takes about 30 seconds.

It solves a specific but common problem: developers frequently need to share code in contexts where a plain text block looks unprofessional — presentations, blog posts, social media, documentation, and design mockups. Taking a screenshot of your editor works, but the result depends on your editor theme, window chrome, and screen resolution. Ray.so produces consistent, clean output regardless of your local setup.

Key Features

  • Syntax highlighting for 20+ programming languages
  • Multiple color themes including popular editor themes
  • Customizable background colors and gradients
  • Adjustable padding and window frame styles
  • Export as PNG or SVG
  • Shareable URLs for each snippet
  • Dark and light mode options

Use Cases

Technical bloggers and content creators use Ray.so to produce the code images that appear in their articles and social posts. The consistent styling makes a blog look more professional without requiring design skills.

Developers sharing code on Twitter, LinkedIn, or in Slack channels use it to make snippets readable and visually distinct from surrounding content. A well-formatted code image gets more engagement than a plain text block.

For presentations and documentation, Ray.so images are easier to work with than live code blocks — they're static, predictable, and look good at any zoom level.

Pricing

Completely free to use. No account required for basic usage. Created and maintained by Raycast as a free community tool.