✍️ 21st September 2022
Rename elements
Give the element a custom name to keep a better overview. Simply double-click on the label of the element to enter the edit mode. The new name will be saved automatically if you click outside or by hitting ENTER keyboard.
🔍 20th September 2022
From now on you’re able to embed your snaps on Hashnode, Medium, or Notion.
Have you ever wanted to embed beautiful code snippets or even more sophisticated code explanations in your technical blog? snappify got you covered 💪
Those embedded snaps are responsive and fully interactive, which means that your viewers can easily copy your code snippets.
Checkout the docs for more information and to see some examples.
🚀 14th September 2022
We now support responsive embedded snaps! 🥳
They will shrink in size or be centered depending on the screen size. Now there’s nothing which stops you to embed beautiful code explanations on your own website / blog! 🙌
Checkout the docs for more information.
🎉 9th September 2022
The snappify Docs are live! 🥳
It will be a living documentation and is still not finished, but we’re happy that we have released the first version. If you miss anything specific, please reach out to us via chat.
What’s maybe interesting for you, because it was basically hidden until now, is that we now have docs for our Simple Snap API which lets you automate the creation of your snaps!
🖱 7th September 2022
Support for multi-select with drag has landed on snappify
Now you can select elements on the canvas with a simple drag same as you used to with other editing tools.
🌈 25th August 2022
A new gradient picker has landed on snappify! 🥳
This means that you now can specify gradient colors on *every* element color, doesn’t matter if it’s the text color, code editor color, stroke colors, snap background - no limitations! 😄
Hint: easily paste CSS gradient values in the gradient picker to apply them!
🔒 👁 23rd August 2022
Lock and Hide elements for a better editing experience on the canvas.
Lock: When an element is locked it becomes not selectable on the canvas so you can’t move it unintentionally.
Hide: When an element is hidden it disappears completely from the canvas. This also means snapping guidelines won’t be applied to this element.
However, in both case, you’ll be able to select the element still on the elements list (left toolbar) and change the properties of the element as usual
🙌 17th August 2022
Various new form elements are now supported! 🥳
Now you can add ellipse (circle), rectangle, and different types of polygon elements to your snaps.
As you can see in the screenshot above, you can also use it for more sophisticated code annotations.
🚀 11th August 2022
The first form element - the ellipse - hast just landed in snappify 🤩
Form elements help you to style your snaps in an even more unique way and we want to add more variants in the upcoming weeks!
Hint: press Shift while resizing an ellipse element to create circles.
We introduced “automatically generated folders”.
Every time a snap gets generated via the API or the VS Code Extension, it will be stored in the corresponding folder, so those snaps don’t pollute your Root folder anymore. 😄
Of course you can just move the snaps into any other folder afterwards!
🕹️ 9th August 2022
New tilting functionality is here 🤩
Now you can tilt the code-editor, rich-text, profile-info and custom image elements. So you can present your snap in an even cooler way 😎. Just play with the control (2) - you will love it.
In case you already know the exact tilting degree, you can activate the manual editing mode where you can put the values into the input fields.
🎛 5th July 2022
The snappify Editor now shows you a rotate handle for all elements which can be rotated.
Hint: If you have Ctrl / Cmd pressed while rotating, the element will move in 45° steps.
🤖 7th June 2022
The snappify VS Code extension is now publicly available! 🥳
Now you can just create snaps from within your IDE - head over to the VS Code Marketplace for usage instructions: https://marketplace.visualstudio.com/items?itemName=snappify.snappify
👉 30th May 2022
New Arrow Styles have landed! 🥳
You’re now able to create dashed or dotted lines and have the ability to customize the start and end markers of each arrow. It’s also possible to choose now marker at all to just draw a simple line.
Have a look on the right toolbar when selecting an Arrow element to see which customizations are possible.
🌱 24th May 2022
New Window Styles
We released some new code window styles to give you more options on how to style your code snippets! 🥳
In order to change the style you have to select a code window and open the “Window Control” accordion on the right toolbar. It’s now also possible to hide the tab completely if you just to want to share a plain code snippet without the window-look.
📋 10th May 2022
Upload Images from the Clipboard
It’s now possible to upload an image directly from your clipboard. When you have an image in your clipboard and you’re on the snappify Editor, just paste it and it will be uploaded so you can use it right away.
Copy & Paste Elements in the Editor
Another clipboard improvement is that you can now copy & paste the selected elements in the snappify Editor.
Just select the element(s) you want to copy, pess CTRL / CMD + C to copy and then CTRL / CMD + V to paste them again.
This even works across different snaps! So when you have a special group of elements you want to reuse in different snaps, just copy and paste them onto a new snap 🥳
We’ve also prepared a video where you can get a better overview about those new features:
🙌 3rd May 2022
Snapping Guidelines
From now on you see snapping guidelines while dragging an element.
This helps you to better align elements to each other and the center / edges of the background.
Multi Selection
It’s now also possible to select multiple elements at once and drag them around together.
You can even apply alignment options to your multi-selection on the right toolbar.
We’ve also prepared a video where you can get a better overview about those new features:
🥳 4th April 2022
New Dashboard
Our new dashboard is live and replaces the old Snaps modal!
It’s something several users asked for already and finally introduces a new way to organize and keep a better overview about your snaps.
You’re now able to create several folders and sub-folders to bring more structure into your workflow when using snappify.
If you miss something particular in the new dashboard or have essential additions in mind, please reach out to us! 😄
🎉 23rd March 2022
Embed your snaps via an iframe
We’re proud to tell you that Pro users are now able to embed their snaps via an iframe.
That means you’re now able to embed an interactive version of your snap into your own website / blog! Additionally users can easily copy the code with a new “Copy” button which is visible when hovering over a snippet.
Our next goal is to make snaps easily embeddable into blogging platforms like Medium, dev(.).to or Hashnode 😎
Closed Beta for the snappify API
We’re also excited to tell you that we launched a closed Beta for the new snappify API! It’s a REST API which takes some configuration parameters and returns a beautifully styled image of your code snippet, like you’re used to from the snappify Editor.
We’re still looking for testers, so if you’re interested in giving it a try, pls just write a DM to Dominik and he will send you the instructions.
🚀 11th March 2022
Share your snaps publicly!
All our Pro users now have the possibility to share their snaps via a public URL! And the groundbreaking thing here is: it’s not just an image, but an interactive version of your snap, where viewers can easily copy your code snippets!
Take a look at this example snap: https://snappify.io/view/bcc54061-6e8f-44c5-a4f4-1abcad520108
We would love to know your feedback about this new feature!
😻 22nd February 2022
snappify is live on ProductHunt 🥳
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. 😻
😍 11th February 2022
New arrow element
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!
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.
Checkout the video below to see both features in action 👇