DEV Community

Cover image for Sharing My Pet Project for Learning React
Nguyen Xuan hoa
Nguyen Xuan hoa

Posted on β€’ Edited on

3 1 1 1 1

Sharing My Pet Project for Learning React

Need a quick and easy way to share code snippets as images? Look no further than Code2Image, the innovative new tool that converts code into customizable images.

🌐 Website: https://codetoimage.vercel.app
⭐️ Github: https://github.com/xuho/code2image

With Code2Image, you can easily

  • Change the theme - Pick from a variety of color schemes and backgrounds to best showcase your code. Dark and light modes are available.
  • Switch programming languages - Support for all major languages including Python, JavaScript, C++, and more. The syntax highlighting auto-detects the language.
  • Customize fonts - Choose the font family, size, and padding to optimize readability.
  • Export as PNGs or SVGs - Download your code images or save them to the clipboard for easy sharing.
  • Whether you're writing a tutorial, sharing code samples on social media, or creating documentation, Code2Image streamlines the process of formatting and distributing code snippets. No more manually converting code to images!

Tech stack

  • ReactJS
  • NextUI
  • TailwindCSS
  • Zustand for simple state management

Some images

Image description

Image description

Image description

If you find it helpful, please give it a star ⭐️ and let's connect on X.com

Happy coding πŸŽ‰

Connect me at https://webdevgenius.com

Image of Docusign

πŸ› οΈ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video