The Most Satisfying 3D Landing Page Built with Three.js & ScrollTrigger

[@AkashSingh-hs5sg]

Hell yeah more of three js

[@codegrid]

⏳

[@prithivimagar126]

Wow nice love it❤❤❤

[@codegrid]

Thanks

[@HenryBabbage]

Super clean text reveal animation

[@codegrid]

Thanks

[@Way_Of_The_Light]

Wonderful 👏👏

[@codegrid]

Thanks

[@New1-f4q]

Cloud you please make a video on future opporunites in this field

[@fragileglass9622]

You have to be very specific with your experience and title with these skill sets. Visual Front End Developer 3D Front End Developer Always focus on the visual aspect of your talent. Especially if you’re applying for React / Vue positions. They wind up putting you through the whole full stack kind of interview.

[@New1-f4q]

@@fragileglass9622 how were the opportunities for freshers ?

[@codegrid]

Tbh, I have 0 idea what’s going on out there. I enjoy what I do and that’s the only reason I keep doing this. I have never thought about doing this in regard to career opportunities.

[@New1-f4q]

@@codegrid i came across your video after referring to a bunch of threejs tutorial. i have good Knowledge in web development. And I want it should be Something Creative. i just want to know that that`t brother.is this something capable geting a job. i don`t have time to waste and looking for job in my area of intrest, And Could you please upload Threejs With React

[@XxbankerboomxX]

Man this is what I have been waiting for. You are the best Codegrid. Please more of this

[@codegrid]

OTW ⏳

[@XxbankerboomxX]

@ 😁 May I ask where you are learning ThreeJS? I see people recommending threejs journey

[@austinimbastari2760]

Are your paid courses on gumroad the same on youtube? whats the difference?

[@valiantvirus]

It's not a course He provides source code and monthly templates in cg pro It is totally worth it

[@codegrid]

Details here: codegrid.gumroad.com/l/codegridpro

[@themobilegamer7333]

in outro copy section in HTML we haven't used any kind of class name with .line, if something trimmed of in editing please reply me in comment section below

[@codegrid]

Looks like you’re writing this without watching the later part and understanding the full context. If you watched further, you can see we’re using SplitType library which splits the paragraph into lines - giving each the className “line”. The CSS you’re talking about is for those lines. 🤭 I never trim any important parts brother but cool.

[@themobilegamer7333]

@@codegrid 😅😅 okay

[@dinbandhusharma4568]

amazing ❤‍🔥 but source code 🥲

[@dominotrix]

You can get it for $5.

[@codegrid]

$3.49

[@InamKhan-b1h]

Next-level Web design Video and awsome teaching style but You can improve your teaching style

[@codegrid]

Thanks sir! Appreciate your feedback.

[@PrithiviMagar-vv7vz]

wow working hard, nice video 😍🥰❤❤ why dont you take me as your disciple want to learn 👃👃❤💯💯

[@codegrid]

I’m not in a position to do that or guide anyone at that level. I see myself as someone exploring and sharing ideas through my experiments, rather than formally teaching or mentoring. But thanks though, glad to know you like my work!

[@ItzSteveeGG]

Please built in next.js

[@codegrid]

I’m still new to Three.js so I wouldn’t want to get into unnecessary complexity until I feel comfortable with the fundamentals!

[@themobilegamer7333]

.lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth[data-lenis-prevent]{ overscroll-behavior: contain; } .lenis.lenis-stopped{ overflow: clip; } Can I get the rest of the code from Docs

[@codegrid]

Step 1: Open browser Step 2: Type “lenis documentation” Step 3: Click on the first link from the search results Step 4: Scroll down JUST a little bit and you will find it there. There’s a reason why I always mention you can get it from “documentation” 😅 EDIT: It’ll take 60 seconds MAX to do that. Please avoid sharing code in comments