Introducing snippet: An Elegant Code Snippet Generator with Next.js 15

I'm excited to introduce snippet, a new open-source project I just published on GitHub. This tool allows you to transform your code snippets into elegant and professional PNG images, perfect for sharing on social networks like X (Twitter), LinkedIn, or in your presentations. Built with Next.js 15 and Tailwind CSS, it offers a modern and intuitive experience.

Use it directly online! Create and share your code snippets in just a few clicks at https://snippet.timoner.com

🚀 Key Features

• Support for over 30 programming languages
• Advanced syntax highlighting
• High-quality PNG export optimized for social media
• Portrait and landscape formats adapted for each platform
• Intuitive user interface

🛠️ Technologies Used

• Frontend: Next.js 15, React, TypeScript
• UI: Tailwind CSS, Shadcn/UI, Radix UI
• Tools: html2canvas, react-syntax-highlighter
• Deployment: Vercel

🔧 Local Installation (optional)

If you want to contribute or host your own instance:

bash

📝 Usage Example

The interface is simple and intuitive:

1. Go to snippet.timoner.com
2. Paste your code in the editor
3. Select the language and customize the appearance
4. Export to PNG
5. Share directly on your favorite social networks!

🎯 Strong Points

• Performance: Optimized for fast generation
• Flexibility: Extensive customization options
• Modern: Using latest technology versions

🤝 Contributing

The project is open source under MIT license. Feel free to:

• ⭐ Star the repository
• 🐛 Report bugs
• 💡 Suggest improvements
• 🔧 Contribute to the code

📚 More Information

For more details, check out:

• The GitHub repository
• Documentation in the README
• The online version

Have questions or suggestions? Find all my open source projects and schedule a meeting to discuss them at hub.timoner.com, or open an issue directly on GitHub.