Exciting news! Our rich-text editor has just been upgraded to include support for links! 🎉
This enhancement is particularly useful when working on slides, as you now have the ability to add external links.
Whether it's a link to a valuable resource, your website, or your social media profiles, you can effortlessly incorporate them into your content.
Furthermore, we've also introduced the ability to format text in italic and underline styles.
These additional styling options offer even more flexibility to customize your text and make it stand out.
We've introduced a new Position Constraint called "Scale." When applied, this constraint allows elements to maintain their size relative to the background, which is particularly useful when placing background images and ensuring they cover the entire canvas.
Learn more about the different Position Constraints on our new docs page.
Additionally, we’ve refined the way of adding new arrows or form elements to your snap.
When clicking on the form element button on the top of the editor and choosing the desired element, you can now immediately start drawing on the canvas. This makes it easier to place the element right where you want it.
Video showing how to draw arrows and form elements
From now on, you will see all the colors you have used in the current snap at the top of each color picker. This gives you easy access to all relevant colors.
In addition, we have separated the recently used colors from the preset color palette to make both easier accessible. You can also pin the recently used colors to create your own preferred color palette
We've improved our image component! Now, you can easily add handpicked dev-icons, emojis, and other icons. Plus, you can easily replace an image while keeping the configured settings on the right toolbar. In the element tree, you'll also see a small preview image for easier orientation.
When creating a new snap with snappify, you maybe need different starting points. Like either you want to start with a Blank canvas, or only a code editor.
That’s why we’ve introduced a new Modal for creating snaps, where you can choose the default snap to start with! It also includes a link to our new Template Gallery, if you want to get started with a more sophisticated Templates.
We’d love to hear your feedback about this. Do you maybe have default styles you’d like to be added to this modal or other additions you’d like to see?
Our users on the free plan now have unlimited access to form elements. 🙌
On top of that, we also introduced our first tutorial where we explore how we can leverage those form elements. At the end of the tutorial, we have 3 templates (see the image) that you can copy to your dashboard and customize how you like. 😎
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.
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.
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 + C to copy and then Ctrl + 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:
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.
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!
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. 🙌
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!
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 👇
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! 🙌
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:
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.
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!
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
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! 🙌