I Can’t Believe This Framer Component Is Free…

In this Framer tutorial, you're learning how to add an interactive lanyard to your website inspired by the Vercel website. This lanyard will be fully customizable so you can change the design on both the string and the card. Oh, and the best part is that we're not writing a single line of code to create this.

Taught by

Nandi

Remix project file

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More lessons

View all

2+1 Ways to Create Staggered Animations in Framer
2+1 Ways to Create Staggered Animations in Framer
2+1 Ways to Create Staggered Animations in Framer
Your 23 Minute Shortcut To Learning Framer
Your 23 Minute Shortcut To Learning Framer
Your 23 Minute Shortcut To Learning Framer