@psd_coder
Pavel Grinchenko
7 months
🚀 I want to introduce my new small tool—Code to Markup. Convert your code snippets into beautiful HTML markup for your static websites (and beyond)! You can have beautiful code blocks without any JS! https://t.co/ZLz830YRYV
3
12
27

Replies

@psd_coder
Pavel Grinchenko
7 months
⚡ How it works: 1️⃣ Pick your highlighter 2️⃣ Choose from dozens of beautiful themes 3️⃣ Select your programming language 4️⃣ Paste your code 5️⃣ Copy the generated HTML markup That's it! 🚀
1
0
2
@psd_coder
Pavel Grinchenko
7 months
It was born out of necessity—I tried to find the most lightweight and easy way to highlight code for a static landing page. Bringing JS to highlight one or two blocks of code felt like overkill.
1
0
2
@psd_coder
Pavel Grinchenko
7 months
I noticed that ALL major highlighting libraries have their own sandboxes, where you can play with their themes and see the highlighted result, but NONE of them allow you to copy HTML. So why not code such a tool myself, right? 😄
1
0
3
@psd_coder
Pavel Grinchenko
7 months
What can Code to Markup do? - Supports major highlighters: Shiki, Highlight.js and Prism.js - Generates copy-ready HTML markup. Shiki is self-contained. Highlight.js & Prism.js need theme styles - 220+ languages and 60+ themes - No JS needed on your final site
1
0
2
@psd_coder
Pavel Grinchenko
7 months
It is perfect for: - Static landing pages - Blog posts (Hugo, Jekyll, etc.) - Email templates - Simple websites where you want syntax highlighting WITHOUT the JS bloat
1
0
3
@psd_coder
Pavel Grinchenko
7 months
Features that matter: - Get your HTML in one click - Share URLs with embedded code - Remembers your last settings - Works 100% in browser
1
0
2
@psd_coder
Pavel Grinchenko
7 months
Try it now:  https://t.co/ZLz830YRYV What do you think? Would love your feedback! 🙏 MIT Licensed. Open Source. #WebDev #Tools #SyntaxHighlighting #OpenSource
0
0
2