Code Images
by Ray.so · Turn code snippets into styled images
BenchRank score
Screenshots of Code Images
Homepage
Overview
Code Images is a browser tool from Raycast that renders a code snippet as an image. You paste code, choose a theme and syntax colours, set padding, and toggle the background, dark mode and line numbers. The language is selected manually or detected automatically, and the result is exported as an image.
- Best for
- Developers who need a styled image of a code snippet to share or embed.
- Pricing
- The captured page shows no pricing information.
- Runs on
- macOSWindows
Strengths and trade-offs
Strengths
- Theme and syntax colour choices, plus dark and light modes
- Background, line numbers and padding are each adjustable
- Language is auto-detected, with manual selection available
- Exports the finished snippet as an image
Trade-offs
- Captured page shows no pricing, plan or account details
- Only an image export is shown on the page
- Scope is limited to styling one code snippet at a time
Pricing
Published plans and prices from Code Images’s own pricing page.
How this score is made up
Each dimension is scored out of 100 and combined into the headline score using fixed weights.
MCP support
Whether an agent can drive the product through the Model Context Protocol, and how much setup that takes.
API quality
Public API surface: machine-readable spec, official SDKs, documented auth, errors, rate limits and versioning.
Documentation
Publicly reachable docs — coverage, freshness, code samples and machine readability.
Agent friendliness
How readable the site is to an automated client: llms.txt, structured data, server-rendered content, crawler access.
Pricing transparency
Whether real prices are published, self-serve signup exists, and usage costs are knowable without a sales call.
Changelog
A public, dated record of what shipped and when — the clearest signal that a product is still alive.
Marketing site structure
Whether the site answers a buyer's questions: clear positioning, the pages that matter, and accessibility.
Page speed
How fast the site loads for real visitors: Chrome UX Report 75th-percentile LCP, INP and CLS, with a Lighthouse mobile run standing in where a site has too little traffic for field data.
Operational trust
Status page and incident history, security disclosure, compliance and data-processing documentation.
Measured, but not part of the score
Useful to know, but not a mark for or against the product — so these do not affect the ranking.
Openness
Source availability, self-hosting, data export and open standards. Scored and shown, but not part of the composite — paid SaaS is not worse for being paid SaaS.
This doesn’t look right — report a problem with Code Images’s score
Where this comes from
The Code Images pages BenchRank reads when it scores the product — its documentation, release notes, status and security pages, and its repository where there is one.
Alternatives in Design Tools
Ranked 1
69.9 — BenchRank score out of 100Balsamiq
Balsamiq Wireframes · Low-fidelity wireframing and prototyping for product teams
Best for: Product teams and founders wanting fast low-fidelity wireframes and clickable prototypes
Ranked 2
65.9 — BenchRank score out of 100Figma
Figma · Shared canvas for product design, prototyping and developer handoff
Best for: Product teams needing design, prototyping and developer handoff in one shared workspace
Ranked 3
62.5 — BenchRank score out of 100Grida
Grida · Open-source canvas and desktop workspace for design, SVG and decks
Best for: Designers and developers wanting an open-source local canvas with AI-assisted SVG and decks
Is this your product?
Claim Ray.so to manage its profile. Claiming lets you suggest edits to the descriptive fields — it never changes scores or rankings.