🥳 Enjoy 3 months of Framer for free!

Daily drop #15

Daily drop #15

Daily drop #15

TUTORIAL

Building a list of your favorite tracks using embeds – simple, yet oh so fun!

Today, we're going to have some fun with embeds. The opportunities are endless; you just need to unleash your creativity.


In this tutorial, I will show you how to build a simple tracklist of your favorite songs using embeds.

TUTORIAL

Building a list of your favorite tracks using embeds – simple, yet oh so fun!

Today, we're going to have some fun with embeds. The opportunities are endless; you just need to unleash your creativity.


In this tutorial, I will show you how to build a simple tracklist of your favorite songs using embeds.

TUTORIAL

Building a list of your favorite tracks using embeds – simple, yet oh so fun!

Today, we're going to have some fun with embeds. The opportunities are endless; you just need to unleash your creativity.


In this tutorial, I will show you how to build a simple tracklist of your favorite songs using embeds.

Henry St.

The Tallest Man On Earth

Elegy

Leiff Vollebekk

Blood Bank

Bon Iver

#1 - Creating your Spotify tracks

As I'm building a favourite track list I had to create a good looking component for my songs. I decided to show the album covers and add a nice little animation on the play button.

#2 - Setting up the tracklist

Obviously I created variables for the Artist, Song and album cover. Duplicate as many songs as you'd like to show and just change the variables to show the correct data. In the video I just paste the data I had already created to speed up the process.

#3 - Setting up your embed

Creating the embed is rather simple. Just tap to open overlay and press I on your keyboard and search for Embed. This allows you to drag&drop a Embed element onto the canvas. Simple paste your URL or HTML embed code and you're done.

👋 I hope you've enjoyed today's drop.