snappify helps you to create beautiful code snippets. It’s a design tool where you’re able to explain your code and style it to your needs. Have all your snippets stored in one place and easily share them with the rest of the world!
Hey Product Hunt 👋
@AnkiCodes and I started to work on snappify about a year ago as a side project. We wanted to build a tool that makes it easy to create beautiful code snippets and at the same time give the users a powerful editor which helps them to annotate and explain their snippets.
Today we are confident that snappify has matured into a helpful tool for developers around the world!
Features 🚀
- operate on a free canvas, drag around elements where you want them
- add multiple code snippets
- annotate with rich-text and arrows
- upload custom images
- highlight code (e.g. blur specific lines or show change diffs)
- manage all your code snippets in one place
Future plans 🙌
At the moment we are able to work full-time on snappify and have big plans to push it even further. We are working hard on the possibility to embed interactive snaps into your website / blog!
We would absolutely love to know your thoughts and are happy to answer all your questions! 😊
We also got a 30% discount code for the first year / month of your snappify Pro subscription! Just use SNAPPIFY_30 at checkout. The code is valid until 28th February 2022.
@kevinbensmith Hey Kevin, glad you like it! :)
If you have something in mind which could improve your workflow while creating such code snippets, we're all ears :D
@dominiksumer Not sure this is what you are looking for in terms of feedback, but what I would find useful is for whoever sees the code snippet image to have an easy way to get to the code in text form.
Because if it's really a useful code snippet, you might want to copy paste it.
@kevinbensmith that's exactly what we're working on at the moment :)
we want to make the snaps exportable as HTML .. so you can integrate an interactive version into your website / blog
we also want to have the possibility to just share it via a link .. and there the snaps will also be interactive (like you can copy the code) instead of just a static image
@dominiksumer let me know when the HTML export is ready. Would love to try it out again. Btw: we've also launched in the meantime. Would be great if you could check it out :)
@galaxyx7 Okay let me elaborate a bit 😅 In 2020 Anki and I started with our first product TrueQ which didn't get any real traction. Then we started to get more active on Twitter and also started to post code snippets there and so others doing so too. We just weren't that happy with the existing solutions and that's when we started snappify 🙌
@dominiksumer Thanks for sharing. I’m curious ti know if you had to present the code in a PowerPoint presentation or something similar? How did the need for your product evolve?
@galaxyx7 It was really mostly being active on Twitter and wanting to share own code snippets or seeing others doing so .. and thought that we could build a nice product that helps with that :D
@okonetchnikov thank you Andrey, really glad you like it!
And I'm super happy that we started a collaboration between snappify and MonoLisa. It's such a beautiful font you crafted there and we're honored that snappify's code snippets are powered by it 🙌
@goldie_sullon Really glad you like it Goldie 😊 We always have open ears if you have improvements in mind which could simplify your workflow while creating fancy code snippets!
@the_yixe first we looked into doing it with framer motion, as this is the animation library included with ChakraUI and also supports drag and drop functionality
but it has its limitations and therefore we just built our own event listeners. so we listen to mousedown / mousemove / mouseup events and update the positions of the elements accordingly
snappify
fynk
Invoice generator
snappify
snappify
Meku
Buttons Generator
snappify
Snipd
snappify
Snipd
snappify
Snipd
Snipd
Cashews for iOS & Android
snappify
Cashews for iOS & Android
snappify
Monolisa
snappify
Monolisa
IPv6 Proxies
snappify
IPv6 Proxies
snappify
snappify