Promotion Image for the snappify ProductHunt launch
About a year ago we started developing snappify and our goal was to build a tool that makes it easy to create beautiful code snippets, while also provide our users a powerful editor which helps them to annotate and explain their snippets.
We are confident that snappify has grown to be a very helpful tool for developers around the world and therefore it’s time to make more people aware of it via ProductHunt. 🙌
Your support definitely makes the difference and we’d be super happy if you check it out on ProductHunt and leave your feedback. 😻
We’ve added a new arrow element which can be super helpful to point out specific areas of your code. You can drag it around and add as many points to it as you wish. Also have a look at the styling possibilities on the right toolbar!
Promotion Image showing the new arrow element
Code Highlightings
Another feature we’re happy to release is Code Highlights.
You can now either “Washout” parts of your code to either blur them or gray them out. This can be helpful if the viewer should focus on specific parts of the code.
Additionally it’s now also possible to show lines as Added or Removed which can be used to emphasize changes in a code snippet.
Promotion Image showing the new code highlightings
Checkout the video below to see both features in action 👇
Wanna stay up-to-date?
Sign up for our newsletter and we'll keep you updated with news about snappify
From today our textarea is not a simple textarea containing only plaintext anymore. It’s now a fully fletched richtext editor, powered by the mighty tiptap editor! Watch the video below to get an overview how it works. 👇
snappify can now be embedded via an iframe
As you might know, snappify is already embedded into other products like FeedHive or ThreadStart via our npm package. But until now, only our old editor was embedded their.
We’re super excited that from today also our new editor ismbeddable via an iframe and is already live on FeedHive and ThreadStart! 🙌
Pro users are now able to set a different font family for their text elements, which gives you even more possibility to customize the images of your code for your own brand. 🙌
Screenshot of the new font families
New image upload modal
When you want to upload an image you’ll now see a fancy new modal where you’re also able to reuse recently uploaded images.
From today it’s possible to sign up / login to snappify with more authentication providers than just Twitter. We’re happy to tell you that you’re now also able to use the following providers:
Google
LinkedIn
Facebook
If there’s another provider you’d like to be added pls contact us.
(Monthly) recurring subscriptions
Until now it was only possible to subscribe to our Pro features by doing a one-time payment for a one-year subscription via Gumroad. We’ve implemented this as a quick solution to enable payments, but of course it wasn’t meant as a long-term solution.
Today we’re happy to announce that we’ve introduced recurring subscriptions via Paddle. Together with that, we additionally introduced monthly subscriptions.
Existing Pro users are able to subscribe via the new subscription model as soon as their initial one-year subscription runs out. If you have any questions don’t hesitate to contact us.
It’s now possible to update your profile info settings. Define an avatar, full name and your username for several platforms which will then be reused in the profile info elements throughout your snaps.
Screenshot of the profile info modal
If you select a profile info element you can choose the platform which should be used for this element on the right toolbar.
We’ve refactored our code editor to do syntax highlighting with Shiki, a powerful tool which gives us the possibility to create precise syntax highlighting for well-known VS Code themes.
In the future we want to add the possibility to add custom themes and if you’re missing a VS Code theme which you’d like to use in snappify, please don’t hesitate to contact us so we can add it to our list of themes!
Free-Canvas
From now on the snap is centered on the canvas and can also be moved around by clicking the Scroll-Wheel on your mouse and dragging it around.
Additionally it’s now possible to zoom in and out when you press
Ctrl
+ Scroll.
At the same time we could further improve the performance of our editor, which overall results in a very nice UX like you’re used to from other design apps like Figma.
Video showing the free canvas
Shortcuts Overview
The snappify editor is getting more powerful over time and for better usability we already have a bunch of shortcuts to ease the process of creating beautiful code snippets.
To get a better overview about all of our shortcuts we introduced a new popover so you can get a nice overview! 🙌