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

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series πŸ“Ί

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series πŸ‘€

Watch the Youtube series

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay