This Framer Page Load is made by me recently. 🚀 The page effect of Framer took shape in just 5 Steps! i've tried to build this without any components, so I only set up the animations and loadings ⚡️ Check the replies for the rest of the tutorial.

Clean work, love it.

Day 1 of my 100 days of components 🧩

I saw a post in the Framer community about “100 days, 100 components” and I couldn’t stop thinking about it. So I’m doing it too: one custom Framer component at a time, for 100 days or until I land my next client, whichever comes first.

Day 1: Scroll Frame. A border around the viewport made of four marquee strips that move with your scroll and circulate around the edges. Each strip is a sequence of cells you can edit: wide, condensed and script text, pills, icons, your own logos, and inverted solid blocks.

I’m open for Framer, UX/UI and Shopify projects. See my work at jessicamena.com and let’s talk.

100 days of custom Framer components is a great challenge, and the scroll frame is a strong start. Looking forward to following the series.