Emanuele

Design Engineer. Developer @learnframer & @insertframe

[Emanuele @emanuelecodes]

🚨 Wanna make super cool animations in @framer for FREE? 🚨

@FAME_tsx is the most advanced animation component for Framer, allowing you to make all sorts of animations inside Framer, via the UI, not having to write a single line of code. And I'm releasing it for everyone to use, for free.

This took me months to develop, but you can get it just by commenting on this post, following me, and reposting. I’ll send it to everyone within 24 hours.

[Emanuele @emanuelecodes]

@davidbstirling 10/10 font choice. Portfolio looks great

[Emanuele @emanuelecodes]

@soltwagner So clever, love it

[Emanuele @emanuelecodes]

@buildwithmaya Hahah thanks, I mean, at least I try :)

[Emanuele @emanuelecodes]

This may be the time that I actually end up shipping a personal website that doesn't look like a grocery list.

PS: It's gonna be open source.

[Emanuele @emanuelecodes]

@LottieFiles Yes, I want to make the coolest thing ever and make it open source for everyone to use it and maybe learn something new from it :)

[Emanuele @emanuelecodes]

@gustavwf Thanks 👊🏻👊🏻

[Emanuele @emanuelecodes]

@dompodwojski Great stuff 🔥

[Emanuele @emanuelecodes]

@rudraaaaksha Not yet, as soon as I finish developing it

[Emanuele @emanuelecodes]

@CalmNrd Go on, I think it would look great :)

[Emanuele @emanuelecodes]

@moisesdeforce1 Heyy, nope, I coded this. At the moment this is not doable natively in Framer. Still, it can be done with the component I created a while back ago (see pinned post + go down my profile, you should see the link for the component). Also, thanks for your kind words :)

[Emanuele @emanuelecodes]

I took a look, the quickest tip I can give you is: try to make it less crammed. There's way too much going on at the same time. Divide the content in sections, and focus on just one concept at a time in such sections. You can give screenshots to any AI and it will tell you how to reorganize everything. Also, there are templates for landing pages structures scattered around the web. You can find some of them on pinterest too. Follow these and you'll make a great improvement.

[Emanuele @emanuelecodes]

@luka_911_ Glad you like them :)

[Emanuele @emanuelecodes]

Hey thanks! I think the best way to become a design engineer is to learn motion, and the tools to make motion work in code. I didn't say code first because nowdays AIs can create pretty much anything you ask them (even tho knowing how to code is still required to steer the AI when it can't go forward or start generating bad code). But yeah, AIs still cannot generate the idea. They really struggle to come up with something that makes sense. They will create a staggered animation if you ask them, but they struggle with deeper concepts that make an animation feel right. That is still a very human job at the moment.

[Emanuele @emanuelecodes]

So happy with how that cloud animation on the top left turned out. It was tricky, I had to bother some of the math from when I was studying aerospace engineering. Should I drop tutorial + code?

[Emanuele @emanuelecodes]

This may be the time that I actually end up shipping a personal website that doesn't look like a grocery list.

PS: It's gonna be open source.

[Emanuele @emanuelecodes]

@samuelriggio Yep :)

[Emanuele @emanuelecodes]

@designbynavneet In a week or so :)

[Emanuele @emanuelecodes]

@xiaxia_baobei Thank you 🙏🏻

[Emanuele @emanuelecodes]

@kavthedzynr Thank you, it’s a simple hover that trigger a state change.

[Emanuele @emanuelecodes]

@theryanhayward

[Emanuele @emanuelecodes]

@Victorspacheco_ Thank you 👊🏻

[Emanuele @emanuelecodes]

@legionsdev I'm grinding hard to finish it this week, likely next week it's gonna be out.

[Emanuele @emanuelecodes]

@HarshitKhemani Thanksss! 😎