GSAP Barely Broke a Sweat for THIS Landing Page Reveal Animation

[@rvft]

Bro is evolving, also your recent video titles are way more eye catching than previous ones

[@codegrid]

Thanks! Trying my best

[@code.design]

If you care about Semantics and accesibility, use ul and li in your navigations.

[@sameerpatelxyz]

This is amazing

[@codegrid]

Thanks

[@bishwashkumarsah171]

page transition video please.

[@codegrid]

Will try!

[@sujoykrhaldar]

Make a page transition animation in next / react js

[@codegrid]

Will give it a shot!

[@siskoDE]

Please make it Nuxt Vue

[@Way_Of_The_Light]

Awesome ✨👏

[@codegrid]

Thanks!

[@renanrubini3865]

Is it possible to add this opening animation and then have a scroll-activated video? No bug.

[@m.massab9653]

bro plz using telwind css

[@zaidgaming1881]

Sir looking cool, Please make a page transitions in nextjs.

[@dinbandhusharma4568]

I am wating that day when you make full portfolio that i can copy 😜😜 btw amazing like always 🔥🔥

[@codegrid]

Then probably you may keep waiting forever lol! At this point, I have thought of sharing complete website resources with the PRO members only (even if I create videos, it won’t be out), at least for near future!

[@itsover6377]

can you make a course if i want to learn

[@mr.fabian8471]

Thank you so much

[@codegrid]

🙏🏽

[@jason.zubiate]

hey whats the video recording tool you use

[@codegrid]

Quicktime

[@samraavana]

Please consider sharing the starter file as well.

[@dinbandhusharma4568]

agree 👍👍

[@codegrid]

Will think about it! Thanks

[@geoffdawes6529]

Love this man :) How did you come up with that custom ease? Something I always struggle with is knowing which ease to use and the duration of animations.

[@codegrid]

I often use this curve and customise it according to the needs! gsap.com/docs/v3/Eases/CustomEase/ (I think you’ll need to open the site as desktop version to be able to customise it)

[@alexey7521]

Bro how did you make that awesome mousemove effect? ​​Is this GSAP? Share the code please :)

[@codegrid]

kzbin.info/www/bejne/rma0l5qhmt2Ab6s

[@ailofimaster]

please make some thing using tailwind css

[@codegrid]

Tbh I have 0 interest in learning Tailwind and memorise/write those junk classes when I’m comfortable writing css! I’m never gonna use Tailwind but thanks for the suggestion!

[@XuanThanh-mj5py]

Nice

[@codegrid]

🙏🏽

[@IOSARBX]

Codegrid, wanna collab I loved it

[@codegrid]

🙏🏽

[@josephchakanyuka2843]

how do you create such awwarding site I mean 3D staff

[@codegrid]

Nothing is 3d on this page I guess

[@XzeroNetwork]

Need some Next.js page intro animations please bro

[@codegrid]

Ok bro

[@m_anees123]

❤

[@codegrid]

🙏🏽

[@AHMEDYASSER-up6yx]

This is awesome 😎 we need more gsap especially with Nextjs

[@dinbandhusharma4568]

yeah that's true coz now a days the latest tech mostly used that

[@codegrid]

On it! But not because it’s “latest” but because it’ll be useful for many folks here! Thanks

[@nustaniel]

If I get greeted with a blank page with a loading counter on visiting a site, I am closing it immediately. Ain't no company getting my business for wasting my time on pointless overengineered animations and poorly optimized pages.

[@codegrid]

Ok bro very good. Looks like this Zajno agency lost such cool client! 🤓

[@nustaniel]

@@codegrid Overengineered animations that are taking away the ability for a potential customer to interact with your services is going to lose you customers, not gain them. If the user experience suffers because of a flashy looking page, it's quite simply bad design. Imagine if every time you went to KZbin it had a little loading animation before it played a flashy animation before you could navigate to what you are after. Now imagine that is for everything you do like so many of these websites drenched in excessive animations. We've moved on from Macromedia Flash, loading animations to load animations to load a website that is one big animation is a thing that should remain in the past. Simple small and snappy animations can elevate a sleek design. But if you need a full-on loading counter/bar/animation to get into a site, you're doing something wrong.

[@codegrid]

Relax bro. It’s ironic to assume that no one is aware of this. You really didn’t need to write all of that tbh. Maybe you’re new here, so that's okay but fyi I've many times explained in detail the context and reasoning behind why I believe developers create these kinds of web experiences. I’m not going to repeat myself, but it’s really really funny to think that agencies and thousands of developers don’t already know what you mentioned. If you believe they’re focused on selling a product or closing a client THROUGH these sites, then I don’t know what to tell you man lmao. Anyway, have a good day! 😄

[@qinpra]

⁠comparing web experience with KZbin is irrelevant. Both have different purpose, and people have different intention on both mediums. Also, in ux design there's the thing called visibility of system status. In this demo, the white blank space has a pre loader indicating (even it counting to 100). And it is exactly a method to improve user experience. If you think ux forbid a dynamic interface then I think you got the wrong idea. Imho. Peace.