Code
const x = 1;
Output
Themed preview card / exportable SVG
Developer Tools
Preview code in adjustable themes, window styles, and shadows, then copy code, copy SVG, or export SVG in your browser. Useful for docs, social posts, or tickets when a screenshot is not ideal.
Favorite this tool
No favorite storage mode has been selected.
Quick actions
Copy this tool URL or open the system share sheet on a supported device.
开发工具
Preview code in adjustable themes, window styles, and shadows, then copy code, copy SVG, or export SVG in your browser. Useful for docs, social posts, or tickets when a screenshot is not ideal.
编辑代码和主题后可复制代码、复制 SVG 或导出 SVG 文件。
Code
const x = 1;
Output
Themed preview card / exportable SVG
SVG vector output is supported. Display depends on where you paste it.
The preview is theme-styled for readability, not a full language server highlighter.
Tools
Continue with another translated tool for a nearby task.
Text to ASCII Art
Turn short text into FIGlet-style ASCII art banners with selectable fonts in your browser. Useful for CLI splash screens, terminal demos, and plain-text headings.
README Generator
Enter a project name and blurb, toggle Installation, Usage, API, Contributing, and License sections, then generate a structured README.md skeleton in your browser. Useful when bootstrapping repos or npm packages.
Shields.io Badge Builder
Configure label, message, color, style, and logo to preview and generate Shields.io badge Markdown/URLs in your browser. Useful for README build status, version, or stack badges.