Mid-Week Remix Dump

Free Framer resources and a 🍪 for you

Jan 25, 2023

Hi, this is Framerly, the newsletter that helps you go from zero to hero with the help of the community.

Framer update of the day! New Insert 2.0

Introducing Insert 2.0—featuring Pages in the Insert Panel, a new addition that allows you to easily insert single-page templates into your project. With a variety of templates for common layouts such as landing pages, portfolios, and teasers. Read more framer.com/updates/insert…

Here's what we have for you today:

Change Section Background Color by Zulal
Ribant Nav Bar by Vaibhav Khulbe
Glowy Button by Jurre
Here's Your Cookie by Fekry

Color Background Changer

In this remix, you can find the secret sauce Zulal used to make the background change for each section. Spoiler alert: It requires you to understand how scroll effects work with variants in Framer.

Zulal @zee7

Many folks have asked me how I changed the BG color of each section in my new portfolio. I've made a quick @framer file to help you explain 🐣 Here's the remix link 🐥 framer.com/projects/new?d…

Learn by Recreating

Here, Vaibhav shares a minimalistic nav bar from Ribant’s website. The simplest way to learn Framer is to start creating elements we like from other websites and to understand how to translate the animation in Framer. Major kudos here!

Vaibhav Khulbe @vaibhav_khulbe

✨ I recreated the nav bar on the Ribant Creative Office website with @framer. ✨ 👉 Check it out and remix it: ribant-nav.framer.website 🔥 🔗 Sign up to create your next website with Framer: framer.com/?via=vaibhav_k… More details 👇

A little glow in the dark

This glowing button inspiration comes from another member of the Framer community, Nikita. Here we can see how Jurren adds the Framer treatment to Nikita's original button design. See it for yourself!

Jurre Houtkamp @jurrehoutkamp

This is cool! Tried to replicate it with @framer in a few minutes. You can remix it from this link if you want to use it on your site → glowy-button.framer.website

Nikita @nikitakoshi

Made this button in @figma with no code https://t.co/0TpKVYE0DF

Heres your cookie

With this remix by Fekry, make your website compliant with the cookie requirements and give a cookie to all your website visitors to ensure compliance.