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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 37

  • @AkashSingh-hs5sg
    @AkashSingh-hs5sg 18 วันที่ผ่านมา +4

    Hell yeah more of three js

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

  • @Aman_yadav1419
    @Aman_yadav1419 17 วันที่ผ่านมา

    So so so much satisfying... Watching such cool animations transitions required alot hard work and consistency

  • @XxbankerboomxX
    @XxbankerboomxX 18 วันที่ผ่านมา

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

    • @codegrid
      @codegrid  18 วันที่ผ่านมา +1

      OTW ⏳

    • @XxbankerboomxX
      @XxbankerboomxX 18 วันที่ผ่านมา

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

  • @knightwolf8774
    @knightwolf8774 14 วันที่ผ่านมา

    Yes that Is what I needed how the hell do you not have more views

  • @HenryBabbage
    @HenryBabbage 18 วันที่ผ่านมา

    Super clean text reveal animation

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

      Thanks

  • @sergnazarchuk1003
    @sergnazarchuk1003 16 วันที่ผ่านมา

    looks charming. gj

  • @prithivimagar126
    @prithivimagar126 18 วันที่ผ่านมา +1

    Wow nice love it❤❤❤

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

      Thanks

  • @Way_Of_The_Light
    @Way_Of_The_Light 18 วันที่ผ่านมา

    Wonderful 👏👏

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

      Thanks

  • @New1-f4q
    @New1-f4q 18 วันที่ผ่านมา +3

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

    • @fragileglass9622
      @fragileglass9622 18 วันที่ผ่านมา

      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
      @New1-f4q 18 วันที่ผ่านมา

      @@fragileglass9622 how were the opportunities for freshers ?

    • @codegrid
      @codegrid  18 วันที่ผ่านมา +1

      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
      @New1-f4q 18 วันที่ผ่านมา

      @@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

  • @WajidUsto-gb8ew
    @WajidUsto-gb8ew 17 วันที่ผ่านมา

    Bro Your woek is great please create a Complete 3JS course from beginner to advanced Love from Pakistan

  • @austinimbastari2760
    @austinimbastari2760 18 วันที่ผ่านมา

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

    • @valiantvirus
      @valiantvirus 18 วันที่ผ่านมา

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

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

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

  • @themobilegamer7333
    @themobilegamer7333 18 วันที่ผ่านมา

    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
      @codegrid  18 วันที่ผ่านมา

      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
      @themobilegamer7333 18 วันที่ผ่านมา

      @@codegrid 😅😅 okay

  • @InamKhan-b1h
    @InamKhan-b1h 18 วันที่ผ่านมา

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

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

      Thanks sir! Appreciate your feedback.

  • @dinbandhusharma4568
    @dinbandhusharma4568 18 วันที่ผ่านมา

    amazing ❤‍🔥
    but source code 🥲

    • @dominotrix
      @dominotrix 18 วันที่ผ่านมา

      You can get it for $5.

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

      $3.49

  • @PrithiviMagar-vv7vz
    @PrithiviMagar-vv7vz 18 วันที่ผ่านมา

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

    • @codegrid
      @codegrid  18 วันที่ผ่านมา

      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
    @ItzSteveeGG 18 วันที่ผ่านมา

    Please built in next.js

    • @codegrid
      @codegrid  18 วันที่ผ่านมา +1

      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
    @themobilegamer7333 18 วันที่ผ่านมา

    .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
      @codegrid  18 วันที่ผ่านมา

      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