Theme generator for VS Code, shadcn/ui, and more — with Ray, a free code screenshot tool
ray.tinte.dev is a free code screenshot tool with professional syntax highlighting.
- 500+ syntax highlighting themes (VS Code, Material, GitHub, and more)
- 16 programming languages supported
- Export to PNG, SVG, or clipboard
- Free REST API (60 requests/minute, no authentication required)
- Claude Code and Cursor skill support for AI-native workflows
Install the Ray skill for Claude Code or Cursor:
npx skills add Railly/tinteUse the /ray command to generate code screenshots directly from your editor.
The Ray API is free and requires no authentication. Perfect for integrating code screenshots into your documentation, blogs, or automation workflows.
Documentation: ray.tinte.dev/docs
Example:
curl -X POST https://ray.tinte.dev/api/v1/screenshot \
-H "Content-Type: application/json" \
-d '{
"code": "console.log(\"Hello, world!\");",
"language": "javascript",
"theme": "one-dark-pro"
}' \
--output screenshot.pngThe original Tinte project generates themes for VS Code, shadcn/ui, and other tools.
- 500+ themes for VS Code and shadcn/ui
- Theme extraction from images
- Open source and community-driven
- Ray: ray.tinte.dev
- Theme Generator: tinte.railly.dev
- GitHub: github.com/Railly/tinte
- API Docs: ray.tinte.dev/docs
MIT License - see LICENSE for details.