Flexy Box

Frame

Flexy box is a template to demonstrate how elements and animations can be used to visualize ideas in snappify.

Main

Sliding Cards

Do you know these Logos? This slide demonstrates how simple it is to create sliding card animations using snappify. No need for complex animation settings! Snappify detects the card position changes and animates them automatically.

Purple Instagram Carousel

A template for creating an Instagram Post with several Images as a Carousel. Also contains animations when switching between the Slides if you want to export it as a video.

Git Diff

Do you want to describe a difference in your code? This template is perfect for you to get started!

Feature Showoff

When you want to present your new feature, this template is the perfect fit for you!

Spikes

This template spices up your code snippets with some fancy spikes around it. It comes with three different color variations to choose from.

Twitter Header

Creating your next Twitter Header image is super easy using this template! It comes with the correct image size format (1500x500), so you just need to choose the color which best fits your brand and paste the code snippet of your desire.

Circles

This template spices up your snaps with smooth circle elements on the top-right and bottom-left. It comes with three different color variations to choose from.

Form Elements

Be sure to spice up your snaps with a variety of colorful form elements! Also check out the tutorial for a step-by-step guide on how this template was created.

Stripes

Big bold stripes in the background of your code snippet! A style to stand out from the crowd. This template comes with three different color variations to choose from.

Mesh Gradients

Beautiful Mesh Gradient Backgrounds, created directly in snappify and dynamically resizable to make your code snippets stand out even more.

Halloween 🎃

It's Halloween! Celebrate and scare away all the bugs with this spooky template. 👻

Templates

.css-1hnz6hu{position:static;}.css-1hnz6hu::before{content:'';cursor:inherit;display:block;position:absolute;top:0px;left:0px;z-index:0;width:100%;height:100%;}Flexy Box

Flexy Box