Snippix

🔍 What is Snippix?

Snippix is a developer tool that transforms your code into stylish, shareable snippets — perfect for showcasing on Twitter, LinkedIn, blogs, or presentations. It supports real-time customization, syntax highlighting, theme switching, and image exports — all inside a clean, intuitive UI.

🧩 Key Features

📌 Why I Built This

As a developer sharing code snippets on Twitter and LinkedIn, I was frustrated by tools with limited themes, no export options, or clunky UX. Snippix was born from that frustration — a tool I’d want to use every day: fast, customizable, and made for modern dev workflows.

💡 Use Cases

• Share code snippets in blog posts or newsletters
• Post clean, styled code blocks on social media
• Create branded visuals for tutorials or documentation
• Capture snippets for team wikis or product screenshots

🧪 Tech Stack Overview

• React – Interactive UI layer
• Next.js – Full-stack rendering and routing
• TypeScript – Safe, scalable types
• Tailwind CSS – Utility-first styling
• Zustand – Global state management
• Highlight.js – Syntax highlighting engine
• HTML-to-Image – DOM to image conversion
• React Hot Toast – UX-enhancing toasts
• React Hotkeys Hook – Keyboard shortcut support
• Resizable – Drag-to-resize component

⚙️ Getting Started

git clone https://github.com/aayushbharti/snippix && cd snippix

npm install

npm run build && npm run serve

🧠 Challenges & Learnings

📸 See it in Action

• 🌍 Live App
• 🛠 GitHub Repo

Want to embed this in your own product or contribute? Let’s chat.

Let me know if you'd like to create a walkthrough blog post or short video demo for this — it’d pair perfectly with this polished project write-up.