I found the PERFECT duo for 3D web animations

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025
  • НаукаНаука

Комментарии • 224

  • @moazamdev
    @moazamdev Год назад +206

    The videos never disappoint. It would be much appreciated if you could create a detailed tutorial on how to do that.

    • @adarshagnihotri3228
      @adarshagnihotri3228 Год назад +2

      I'm a new subscriber, is this something that she frequently does? 🙄

    • @thenonfurry
      @thenonfurry 8 месяцев назад

      @@adarshagnihotri3228yes, she’s a coder

  • @xore_1798
    @xore_1798 Год назад +69

    Wow, like I'm not even a frontend designer, but seeing you doing things like that gets me inspired. You're really great!

    • @lucaseastman1877
      @lucaseastman1877 Год назад +2

      I feel the same way. This stuff is really cool and the way it's presented is inspiring.

  • @egriff38
    @egriff38 Год назад +22

    Great video. I liked that you showed your process from top-level page design to 3D modeling to scroll transitions and animations. It makes the iterations feel more approachable.

    • @juxtopposed
      @juxtopposed  Год назад +1

      Just showing my general design workflow. Glad you liked it :)

  • @itsyehudit
    @itsyehudit Год назад +8

    GIRRRRL you ROCK! Thanks for sharing, this is so inspiring, and not only design-wise, you just re-ignited my love for 3D and coding awesome stuff

  • @npxww
    @npxww Год назад +114

    never disappoints

  • @nibs_fpv
    @nibs_fpv Год назад +16

    As a "full stack engineer definitely not a designer" these videos are always eye openers to all the possibilities! Already getting ideas for new projects from this

    • @nibs_fpv
      @nibs_fpv Год назад +2

      @@looksmatteronly UI/UX designer

    • @musilicks
      @musilicks 10 месяцев назад

      @@looksmatteronly backend rust api developer

  • @harryphillipsdev
    @harryphillipsdev Год назад +5

    This is soooo helpful, thank you! Amazing how you're able to make me go from "3D looks so impossible" to "Hey, maybe I can do that" in just 5 minutes!

  • @juxtopposed
    @juxtopposed  Год назад +90

    Do you guys have any experience with 3D or animations in web? How do you like Spline + GSAP?
    (btw, memberships are on now! You'd be getting a cool badge, funny emojis () AND supporting me all for only $0.99 ehehe)

    • @tubbystubby
      @tubbystubby Год назад +9

      No experience. Just a BE dude who likes these videos :)

    • @cypherusuh
      @cypherusuh Год назад

      I used GSAP, but mostly for animating 2D stuff. Never bothered with 3D modeling.

    • @alex.g7317
      @alex.g7317 Год назад

      U look like Asian Half Squat

    • @Nekroido
      @Nekroido Год назад

      I had skin previewer with three.js for my heavily modified private Minecraft server. Both modeling and animations were done with vanilla JS. Ah, the times.

    • @marshall49
      @marshall49 9 месяцев назад

      change ur username 😭

  • @kevingonzalez2120
    @kevingonzalez2120 Год назад +1

    the subtle animation on the word "keyboard"

  • @xKond3i
    @xKond3i 9 месяцев назад +1

    Love the explaining - the corresponding visuals are awesome! Keep up the good work! 😍

  • @asimshamim113
    @asimshamim113 Год назад +1

    she don’t miss!

  • @marcomargittai
    @marcomargittai 11 месяцев назад

    One of the most important channels on RUclips for me rn. Thank you!

  • @dreambugofficial
    @dreambugofficial Год назад +2

    Jux is a legendary channel right out the gate. Always impressive and worth watching, thank you!

  • @brycecox8249
    @brycecox8249 Год назад +1

    The diversity and depth of the skills displayed in your videos are a strong flex. Well done!

  • @devardilshad3944
    @devardilshad3944 9 месяцев назад

    the delivery and jokes you put into this video is too good that you want to watch more than once

  • @QwertyAndrew
    @QwertyAndrew Год назад +6

    Interesting! I will try to implement spline for my portfolio website.

  • @gandisonalisrisivani6339
    @gandisonalisrisivani6339 20 дней назад

    I generally dont comment but, this video is exceptional. This really helped me a lot. Thanks .

  • @toshirohitsugaya1465
    @toshirohitsugaya1465 Год назад +3

    I was about to start with 3d animations. Perfect video at the right time

    • @Indainna
      @Indainna Год назад

      Same here! In a middle of a project for showcasing a product I'm designing. Best of luck to us and our journey!

    • @toshirohitsugaya1465
      @toshirohitsugaya1465 Год назад +1

      @@Indainna best of luck Jayme, wishing you a successful journey ahead

  • @CjDamayo
    @CjDamayo Год назад

    I am so amused and awe of such inspiration in design

  • @komododragon6126
    @komododragon6126 Год назад +1

    Your videos have convinced me, a backend developer to finally try out frontend and ui design :^)

  • @nicolasvallejos5950
    @nicolasvallejos5950 Год назад

    ¡Gracias!

  • @rjx-dev
    @rjx-dev Год назад +2

    Dedicated Spline Tutorial needed at any cost!!

  • @JolomiTee
    @JolomiTee Год назад

    I love this way of demonstrating cool stuff on the web, just like the Hyperplexed Channel... Which I also love. I'm subscribing 💕

  • @Indainna
    @Indainna Год назад +1

    Another stunning vid from the legend herself

  • @rikkilanz
    @rikkilanz Год назад

    I love this editing style so much, the humor is just immaculate 🌟 got me motivated to make fun websites now lol

  • @thecrazymoon6578
    @thecrazymoon6578 Год назад +1

    The first video of yours I'm watching, good video.

  • @thewebstylist
    @thewebstylist Год назад

    SO grateful for Spline and GSAP!!

  • @mattshnoop
    @mattshnoop Год назад +11

    As a frequent user web... I feel the need to implore-nay, beg-any web designers who come across this video and are now looking to do fancy animations on scroll to **PLEASE** not screw with my scroll wheel. 🤣 Animating things _on_ scroll is fine; it's changing the actual speed/flow of the scroll itself that sucks.
    Nothing turns me off of a webpage faster than when the page insists on scrolling super "smooth" and it feels like I'm dragging the page through molasses. Or, when I'm scrolling down and suddenly the page stops moving and some carousel starts sliding in from the right-hand side, stopping me from going down even though I can see the next section right there. Just... please be careful when you mess with scrolling 😅

    • @juxtopposed
      @juxtopposed  Год назад +2

      very true.

    • @ywhym
      @ywhym Год назад

      It's my page, i do whatever i want sir

  • @shuccle6161
    @shuccle6161 Год назад

    actually the best tutorials on RUclips fr

  • @Metruzanca
    @Metruzanca Год назад

    Jux, your editing just keeps getting better.

  • @mogipls
    @mogipls Год назад +1

    u just don't miss at all

  • @Diego_Cabrera
    @Diego_Cabrera Год назад

    Bro you took my whole career here on yt with one video. Amazing explanation btw, i'm looking forward to making some videos on 3D!

  • @flammea_
    @flammea_ Год назад

    Loved that keyboard effect on the "keyboard"

  • @Houseready01
    @Houseready01 Год назад

    Wow, I’m a swe with zero knowledge on 3D graphics but this video is so clean, subscribed! This was also the first video I’ve watched from this channel. Great job!

  • @Nab_001
    @Nab_001 Год назад +3

    I'm not a warlock but I see this channel going all the way to +1M subs soon

  • @Another-Sound
    @Another-Sound Год назад

    I don't know who you are, but your videos and your voice is just what I need

  • @XEQUTE
    @XEQUTE Год назад

    I gotta learn marketing from you girl ,
    everything you do ties with your work nicely , which creates a brand churning machine ( if you will) , in a way thats too great ( from a channel that seems small and run by one person)

  • @carlosfelipesantiago4314
    @carlosfelipesantiago4314 Год назад +1

    You're videos are awesome! I always learn something super cool from them💯

  • @srijonp4
    @srijonp4 Год назад +1

    Great video, Subbed

  • @highnitin
    @highnitin Год назад

    never had such a fun, loved every bit of it :)

  • @victorconopliov5083
    @victorconopliov5083 Год назад

    Your documentation tip (Spline docs) is valuable - thank you for sharing it! Your videos are great ❤

  • @TozzaYT
    @TozzaYT Год назад

    0:46 DUDE THAT IS SOOOO COOOL

  • @sleepy_jinn
    @sleepy_jinn Год назад

    I just discovered your channel and I LOVE EVERYTHING ABOUT IT

  • @eunayu527
    @eunayu527 11 месяцев назад

    DIS IS SO HELPFUL, THANKYU

  • @oscarvasquez5033
    @oscarvasquez5033 Год назад

    Love you, we were looking for something like spline. Thanks!

  • @rajat0610
    @rajat0610 Год назад

    even the rough sketch of the keyboard at 01:14 looks sick

  • @Rockittyy
    @Rockittyy 6 месяцев назад

    I felt the dopamine and adrenallin rush high up in my vain, as I slowly introduced to this toppest part of a gigantinc ice berg

  • @Enormousguy
    @Enormousguy Год назад

    I love this channel
    It's straight to the point

  • @dotpenji
    @dotpenji Год назад

    Wow, your video is incredibly informative! The way you explain the process of creating 3D websites using Spline and GSAP is so clear and easy to follow. I appreciate how you break down each step, making it seem much more accessible than I initially thought. One key takeaway I got from your video is how you demonstrated the power of combining Spline and GSAP to create seamless and captivating animations for web designs. It's impressive how you showed the potential of these tools for web development.

  • @kata1000
    @kata1000 Год назад +2

    I’m a backend data scientist and always struggle with visualizing things from my terminal code. Something like this is extremely helpful and I definitely need to learn about it. I’m also wondering if a static website generator like Hugo can incorporate something like this into it

  • @thebread1034
    @thebread1034 Год назад

    You make me dig down the landfill called my mind and bring back frontend design.
    There is a reason why most of my projects are purely CLI, but this will change :D. Already have an idea for a website :DDD.

  • @boomeroo
    @boomeroo Год назад

    First time catching one of your videos. Just deluxe! I know where I'll be hanging out on YT for a while. Thanks!

  • @WellDressedMuffin
    @WellDressedMuffin Год назад

    Awesome demo! Very inspiring.

  • @bozzhik
    @bozzhik Год назад

    this video is awesome tutorial guide. you have very hard skills in design also. you are making crazy good videos. thank you for existing

  • @MiDoUx91
    @MiDoUx91 8 месяцев назад

    where have you been all my life :D thank you for the amazing video

  • @juanmacias5922
    @juanmacias5922 Год назад

    That keyboard was so cute!

  • @nicolasaudepin1622
    @nicolasaudepin1622 Год назад

    You are a life saver this is exactly what I needed for my website

  • @Carhill
    @Carhill Год назад +1

    Another absolute banger!

  • @PourasRaut
    @PourasRaut Год назад

    This is my first time watching your video and I’ve already subscribed! Your work is undoubtedly great and your narration kept me engaged thill the end of the video. Keep it up and bring us some more great videos🫶🏻

  • @happyd6426
    @happyd6426 Год назад

    i'm just starting to get into coding but my god your videos are awesome! they always make me hopeful for my own coding journey :D so many possibilities

  • @libinthathappilly
    @libinthathappilly Год назад

    I follow a lot of webDev based creators of RUclips. You are one of the best! I love your content so much. Rule always girl! ❤

  • @yasabhishek
    @yasabhishek Год назад

    best animation explained in most simple words!!!!!!!!!!!!!!!!

  • @zenlanfleek6580
    @zenlanfleek6580 Год назад

    She ate and left no crumbs.

  • @nezbro2011
    @nezbro2011 Год назад

    I put off watching this for awhile thinking it wouldn't be that interesting...sorry...but it was a really good informative video! Subscribed!

  • @Quickartflicks
    @Quickartflicks Год назад

    What a video this is amazing I found This video showing me the way I wanted to choose , nice video

  • @Kappu_ch
    @Kappu_ch Год назад

    Im not even a web designer and I still found this video so damn interesting.

  • @miguelp2979
    @miguelp2979 Год назад

    Subscribed. Like, so fast. 👏🏼 Happy to be part of the ‘below 1M subscribers’ club 🎉

  • @Jacob_Price
    @Jacob_Price Год назад

    You're just too much of a gamer. Great video again.

  • @XerosXIII
    @XerosXIII Год назад

    Thank you! Thank you! Thank you! Thank you!
    - love from "a full-stack wannabe that stucked with bootstrap"

  • @pablocortes682
    @pablocortes682 Год назад

    Wow! this tutorial was amazing, thank you so much!

  • @thevikingsock8527
    @thevikingsock8527 Год назад

    The holy grail of Frontend animation and memes on RUclips

  • @overrevvv
    @overrevvv Год назад

    Your videos and explanations are so good that even worse type of newbie web developer like me see hope to become better in future.

  • @naufalamiruddin5798
    @naufalamiruddin5798 Год назад

    Great video! Gonna try it soon

  • @amir_7alle9
    @amir_7alle9 7 месяцев назад

    Very nice!! Great video!!

  • @get_video
    @get_video Год назад +2

    Great video!

  • @KaramAlayan
    @KaramAlayan 7 месяцев назад +1

    well your magic worked on me gotta say it doesnt always happpen i like the simplicity BUT as always the complex stuff are the ones i love maybe another video of Blender with Three.js combo???

  • @Teh-Penguin
    @Teh-Penguin Год назад

    "The keyboard is somewhere inside this cube and we just need to take it out" 🤣😂👌

  • @spiderone_
    @spiderone_ Год назад

    Oh wow I think it's the first time I've seen my work showcased in a video 0:45
    Cool video btw

  • @Dino-pb4di
    @Dino-pb4di Год назад

    great content, great editing, great cats, thank you!

  • @approxahmed
    @approxahmed Год назад +2

    1:20 yes

  • @dzienisz
    @dzienisz Год назад

    wow this video is amazing!!

  • @CuriousSpy
    @CuriousSpy Год назад +1

    Thank you

  • @PhantasyAI0
    @PhantasyAI0 Год назад

    please make a more detailed video some time in the future about using spline:)

  • @SRG-Learn-Code
    @SRG-Learn-Code Год назад +1

    Simply wow.

  • @thip1754
    @thip1754 Год назад +1

    Amazing work :)

  • @dopamine_quest
    @dopamine_quest Год назад

    your voice so much matches with Switch&Click channel

  • @Breakfast_Time-r3c
    @Breakfast_Time-r3c Год назад

    Thank you, this is neat.

  • @sobhansahoosubh3873
    @sobhansahoosubh3873 6 месяцев назад

    great edit

  • @vanvanni_nl
    @vanvanni_nl Год назад

    Amazing tutorial!

  • @thetrends5670
    @thetrends5670 Год назад

    Yes, your game, your keyboard is catchy.

  • @MrChrisk8er
    @MrChrisk8er Год назад

    great explanation... thanks

  • @Furetto126
    @Furetto126 Год назад

    This is probably the first time i heard the phrase "vanilla javascript" XD

  • @adevikthur
    @adevikthur Год назад

    This is super cool! 😎

  • @Aragos207
    @Aragos207 Год назад

    Very good video. You just earned a sub!

  • @kualta
    @kualta Год назад

    that's useful, thank you

  • @PourasRaut
    @PourasRaut Год назад

    Btw this video is really helpful! Thanks❤

  • @modprog
    @modprog Год назад

    I mean... I hate when websites do this to me... but I have to admit it looks good :D

  • @thehiddenarchives0
    @thehiddenarchives0 Год назад

    you deserve more subs

  • @tanbir5263
    @tanbir5263 Год назад

    wow we can use this video as a tutorial too

  • @CreativeDrone
    @CreativeDrone Год назад

    I knew u would make a spline tutorial!