🔥 This week in Framer

Community is on fire this week.

Hi, community. This is Framerly, the newsletter about Framer that helps you go from designer to full-stack visual developer.

Let's appreciate this Galaxy Button made by LearnFramer

Framer University @learnframer

🪄 I recreated the amazing galaxy button effect by @diagram as a @framer component. The possibilities with Framer are truly endless. Retweet for the remix link.

In today’s issue:

• 🎨 Color highlight by Raf

• 📋 Typeform Modal by FramerDev

• 🎥 Scrub through a video on scroll by Aleks

• 🚀 Matteo Tiscia free framework template Framepad

• 🔷 SVG Shapes gallery by Monika Michalczyk

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

🎨 Color highlight by Raf

Let’s start by sharing this little override to give more personality to your site when highlighting text. It requires a little code but it’s worth a little sprinkle of color in a long copy.

rafunderscore @rafunderscore

quick @framer override for your next project add some colour to that highlight of yours code below ↓

📋 Typeform Modal by FramerDev

This quick tutorial highlights one of the most overlooked features: Overlay.

If you want to bring a different view but don’t want to rely on adding a new page or have more than one CTA in sight, this trick could be handy. Try it here 👇

FramerDev @FramerDev

Make your TypeForm a modal. Here's how to do it.

🎥 Scrub through a video on scroll by Aleks

As the day goes by, Aleks keeps sharing amazing tips each day in his February challenge. This tutorial will help you create a scrollable video background, that would drive attention to the main product or service you are highlighting in your Framer site.

Aleks @aleksliving

Framer February → Day 7 ✨ Scrub through a video on scroll in @framer. So many cool uses for this, let's get started ↓

🚀 Matteo Tiscia free framework template Framepad

This has been on our radar for a long time. Matteo shared snippets about Framepad since last year and today he launched it to the community for free.

Want to start on the right foot for your next projects in Framer, grab a copy and follow Matteo on Twitter here👇

Matteo @matteotiscia

🚨 Super excited to announce, I'm launching Framepad Starter to the public! Thanks to those who helped me test this over the last few weeks! Framepad Starter is a free framework and set of guidelines and methods to build consistency and structure into your @framer projects.

🔷 SVG Shapes gallery by Monika Michalczyk

This is an oldie, but a goody. Bookmark this in your favorites because it’s one of the first resources made in framer to help newcomers apply different shapes by simply copying and pasting. 80+ SVG shapes that would save a ton of time in your next project. Made from one of the Framer Design Team: Monika Michalczyk

Monika Michalczyk @monmichalczyk

A few hours of fun creating vector shapes and making a little site with @framer. Copy-paste your SVG!🔸 Check it out → shapes.framer.website

---

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

---

:: MEME OF THE DAY::

Matt Jumper @mattjumper

After using @framer and complimenting my developer on executing my vision and UI absolutely perfectly

---

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