Guide

Dynamic Twitch overlay slide in webflow (Video)

dynamic Twitch overlay slide animation

Once again I dig into creating a dynamic Twitch overlay in webflow. This time we’re creating a dynamic Twitch overlay slide in webflow. I enjoy working like this more than I should. ¬†In fact I’ve added webflow to my own workflow and as an added service. That means that I can now offer three different entry points for dynamic overlays from pre-built, webflow and custom built.

In this version I’m going over how to create a simple slideshow, that’s built into webflow, with different animation settings. I’m also going over a few bug fixes that I rant into. I want¬†creating a dynamic Twitch overlay slide in webflow to be super simple for you to pretty much drag and drop.

Below you can find timestamps for the video. If you click on the video and go to the YouTube page you can click on them to get to the right spot.

Let’s get started!

0:15 Introduction of the scene in Photoshop.
2:30 Talking about Call to Action.
3:12 Starting in webflow.
5:24 Creating our first slide.
21:55 Creating our second slide.
31:27 Creating our third slide (creating a database).
45:58 Setting up the slide animation.
50:26 Selecting the animation.
51:12 Creating our fourth slide.
52:42 Fixing a overlapping “bug”.
53:47 Final look and thank you!


This week I’m (hopefully) starting a new chapter in the LiveSpace era. I’m stepping into the SaaS (software as a service) world and that means some great things for you. My aim is to change the entire overlay and alert scene. Hopefully you will be a long with that ride and I’m going to document it all in the newsletter and some of it here as well.

About the author

Daniel

Daniel

Do you need Twitch branding done the right way? I've work with both partnered and non-partnered Twitch streamers and done so for over 4 years. For me this is full time and I'm dedicated to my clients and my craft. I do both branding, visual branding and brainstorming based on understanding you, your community and your channel. If that sounds interesting to you then you should check out my Twitch services/portfolio/client list and contact me right away. twitch.livespace.se

Leave a Comment

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close