🚀 All things Framer

Discover Remixes,Templates and How to's

Hi, Framer Devs. This is Framerly, the newsletter that helps you get a little smarter about designing websites in Framer on every issue.

Happy Valentine’s day by Aleks:

Aleks @aleksliving

Framer February → Day 14 💞 Love is in the air - here's a valentine's day card made in @framer (remix link below) ↓

---

This is what we have for you today:

• 🔥 Quick tips from the community for your next project

• ✨ Navigation Menu Animation by Marc Andrew

• ⚡️ Blurred Header Override from Raf

• 🎁 Free Portfolio Template from Dawid Pietrasiak

• 💫 Custom Cursor by Clara

Use our code: pro-yearly-partner to get 3 FREE months on a Pro annual subscription.

🔥 Quick tips from the community for your next project

This s a nice collection of how the community is making content to empower newcomers to the Framer platform. Make sure to follow them to keep creating better sites together.

Framer Club @framerclub

Framer Tip💡 Want to create super-customizable gradients for your next @framer website/project?? Check out 👉@shadergradient

Clara @TheIndLang

💡 @framer tip: limit CMS items. Control how many CMS items show up with the "Limit" property. You can find it under the "CMS Content" section in the right sidebar. Handy for blog homepages where you only want to display the most recent posts.

Paul Lapkin @designedbypaul

Framer February Tip ✨ Create a New "Canvas Page" with a 4:3 Frame. Right-Click the Frame to Set it as the File Thumbnail 🖼

✨ Navigation Menu Animation by Marc Andrew

This is a clever way to add a simple and original animation to your menu bar, showing your CTA at all times. In the end, you can use this trick to create animated components in different elements on your site.

Marc Andrew @mrcndrw

New (Free) Component available on Hey Framer 🎉 Navigation Menu Animation for @framer, inspired by @evervault ♥️ heyframer.com/components/nav… Grab it. Remix it. Make it your own. 👍

⚡️ Blurred Header Override from Raf

This is a way you can create a deep illusion on your site. This blurred effect is created by an override and is a cool way to declutter your site whit background blurred frames. Try it by yourself here 👇

rafunderscore @rafunderscore

simple header blur @framer override inspired from @pacocoursey's portfolio

🎁 Free Portfolio Template from Dawid Pietrasiak

As always the community shares the best resources to help you deploy your portfolio site for Free! This time by the hand of the good friend Dawid Pietrasiak. Enjoy!👇

Dawid Pietrasiak @DPietrasiak

My free @framer template is live! Create your own creative portfolio without any coding skills! Get this template for free, customize it, and publish it as your own portfolio! Remix for free: urlis.net/oslo-template #framer #template #nocode

💫 Custom Cursor by Clara

This custom cursor idea comes from an experiment shared by Aleks on his February Challenge. Clara took it to the next level and made it work with one simple customer code component. Take a look here 👇

Clara @TheIndLang

Aleks' custom cursor experiment prompted me to try making one myself using only one @framer code component: Here's how I made it ⬇️

Aleks @aleksliving

Framer February → Day 12 ✨ Had an idea to try and create a custom cursor in @framer using ChatGPT, and while I kind of succeeded, the end result was a laggy disaster. Here's a summary of my failure ↓ https://t.co/5aN9jxZX9A

---

FRAMER UPDATES:

• Image Tool & Media

This release introduces the Image Tool. You’ll find it in the toolbar under Layout, just below the Frame Tool, which was moved here too.

Framer @framer

❤️ Roses are red, publish buttons are blue, our new Image Tool is pretty sweet, and so are you. framer.com/updates/image-…

• Mid-February Update

This latest Framer update adds automatic tinting and new layout options for components, plus a whole lot of fixes and improvements.

Framer @framer

The February update is now live! Adding automatic background tinting and new layout options for Components, plus a whole lot more. Learn more: framer.com/updates/februa…

---

That’s a wrap for today. If you want to tip us about anything FRAMER or say hi, find us on Twitter at @framerlyco.

---

:: ANIMATION OF THE DAY MADE FROM ABE YANG::

Abe Yang @abeyang

💡 Here's a mini-tutorial of a @framer template that I released last week. I'll go over— 1️⃣ Setting up the @rive_app state machine 2️⃣ Integrating Rive asset with Framer 3️⃣ Tricks for creating scrolling animation 4️⃣ Using overrides I've included a remix link below. Let's go! 👇

---

Use our code: pro-yearly-partner to get 3 FREE months on a Pro annual subscription.