Getting Started

Learn the in-and-outs of our editor to explain and share your code snippets easily


The editor is the heart of snappify. Over the past year, it developed into a very powerful design tool that helps you to show off your code in a beautiful and professional manner. It has many functionalities you're used to from other design tools like Figma, but with first-class support for presenting code-snippets.

It lets you share your code snippets as static images, but also via public URLs, which result in interactive code snippets where users can easily copy the code and paste it elsewhere. It even lets you embed your snaps in the same interactive way. You can either embed them via an iframe on your personal website or on one of our supported embedding platforms!

Examples

Take a look at some examples you can achieve with it:

Next.js Tip Example
Next.js Tip Example
Ellipse Form Elements
Ellipse Form Elements
ChakraUI Tip Example
ChakraUI Tip Example
snappify Showcase
snappify Showcase

Under Construction ๐Ÿšง

We strive to document all the functionalities thoroughly, but this documentation is in a very early stage and will be extended further and further over the upcoming weeks / months. Until then, please don't hesitate to reach out to us if you have any questions.

Any questions?
Don't hesitate to ask them! ๐Ÿ‘‡