Unlocking Framer Superpowers with GreenSock

Подписаться 1,1 млн

Просмотров 6 тыс.

50% 1

designcourse.com/af 👈 Advanced Frontends. Use "ADVANCED35" for 25% Off!
-- Today, I'm going to show you how to integrate Greensock within a Framer project. Greensock allows you to really fine-tune your animations, and in this video, I'll show you how to do it!
0:00 - Intro
1:16 - Getting Started
3:47- Integrating Greensock
7:14 - Type Sequence Example
12:10 - GSAP Timeline Example
18:59 - Wrapping up
Let's get started!a
#framer #nocode #greensock
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

Хобби

Опубликовано:

7 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 27

@DesignCourse 4 месяца назад

Hey all! Coming out with a Framer course in the next couple months. Super excited!

@AnkitWP 4 месяца назад

Can you please make a crash course which teaches only js required to utilize basic GSAP? I don't know if it is possible, haven't found something like this anywhere.

@AnkitWP 4 месяца назад

I really like your T-Shirt.

@davidadedeji6452 4 месяца назад

love the new studio. it's different from what I am used to

@imjawads 4 месяца назад

That’s genius 👏

@DennisJosefsson 4 месяца назад

Haven't used it myself, but GSAP have their own React hook useGSAP now that takes care of the useEffect and cleanup.

@eliortalmud2145 3 месяца назад

Sharing the .tsx file will be awesome. thx!

@ruddro29 Месяц назад

need more gsap animation in framer plz 😊

@OneBrighDay 4 месяца назад

When did you hit the CDN for Gsap? I assume you must have installed that in the page settings, but if people are new to code, they wouldn't know that or know how. Framer is definitely my favorite low code tool because I already know React.

@naeempersonal 4 месяца назад

What is your thoughts about the future of framer? is it going to take strong marketshare like webflow?

@DesignCourse 4 месяца назад

I love it. I think it will for sure.

@slacle 4 месяца назад

nice shirt

@Trazynn 4 месяца назад

You actually managed to do something that Framer never did. Create a video on building a custom code component. Their documentation sucks.

@waju3457 4 месяца назад

You are correct for noticing this

@AarAalto 2 месяца назад

For real. Documentation is barely present. This video is gold.

@dukeselwood 4 месяца назад

Wouldn't it make more sense to do that using Framer Motion, which is what framer uses, is better than GSAP and is already installed?

@DesignCourse 4 месяца назад

Good question, I haven't touched Framer Motion just yet so I'm not sure. If it's just as capable, then it'd be a no-brainer to utilize framer motion and not include something that adds extra weight. I just hit up the founder of Framer to ask him. If that's the case, I'll upload another video utilizing Framer motion instead.

@dukeselwood 4 месяца назад

@@DesignCourse ah okay cool, I hadn't realised you weren't aware of Framer Motion. In that case I highly recommend you check it out, as it's an awesome React animation library. Thanks for the great content. It's cool to see you diving into Framer

@motaki79 2 месяца назад

FACK YES

@abhishekcode 4 месяца назад

Which website is it ur showing?

@DesignCourse 4 месяца назад

Framer.

@oliver1121 4 месяца назад

Sadly audio has been strange since moving into the new studio. I'm sure you are aware and are working on it :)

@vm-dev 4 месяца назад

Not only audio - the whole visual concept became too distracting and a bit unfortunate with all the studio-background visual noise around the screen frame .. Why doin' it like that, when it makes the main target of the video - browser/editor screen - almost 1/4 smaller than it could be :( It just doesn't add anything of value to the video IMO.

@DesignCourse 4 месяца назад

I used a different mic today (Shure sm7b), but without my cloudlifter. Outside of it being a bit quiet, what is the major issue? Might be some reverb, but can't be that much. Also, I am experimenting with Screencast placement. Comments noted!

@oliver1121 4 месяца назад

@@DesignCourse Maybe my ears are dying from too much metal (Nightwish, Epica, Wintersun, Lorna Shore, Shadow of Intent, etc), but in this video it sounds like your voice is louder in the left earphone and there is some reverb buzzing sound throughout the video. Your previous mic was certainly an issue with the hitting sounds, but haven't noticed that in this one. Hopefully this helps :)

@DesignCourse 4 месяца назад

@@oliver1121 Thanks, yeah something strange happened and I thought I converted everything to mono. Oops, ugh.