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)
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.
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 😅
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.
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???
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
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
Can you pls make video about building animated websites in Framer. I’m facing some difficulties building cool animated websites in Framer can you pls make a tutorial 🙏
Do you understand what do your magic down there from a girl sounds like? 😅 Just saying. Just found you today but I already love your contents, keep it up.
Bruh how many cool websites are there... Infinite maybe.. If anyone ever gives me a list of all those awesome designed websites and tells me go through every single of them... I don't think I'll ever get tired cause those always inspires me the most...
Hey! Maybe you will answer me :) Can I do with spline only transitions os my website so while I scroll it is animating? for example as i scroll it goes in a 3d tube?
I'm just debating on Spline/Webflow vs Spline/Code. I can do things much faster on Webflow, but I think Code is more stable, what do you think? I know how to use both btw
I wanna ask question from ThreeJS and R3F developers. Is this really simpler way to do it ? and what if i want to add custom shaders on it? is there anything about this duo is bad ?
If we already have 3D models we made in blender, can we still use them? or do we have to make new ones in spline? (also can we use textured models with UVs?)
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)
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.
pleaseeee do a video on spline if you have time!! i'm not a graphic designer but a frontend dev and i imported some 3d objects i created on my portfolio website but i can't seem to make them "lighter". in fact even a simple object slows down my website immensely and even the spline app gets laggy and i have a m2 macbook air so i don't think my laptop is the problem! i'm most likely missing some steps while creating the objects, i'd love to see how you do it :)
The videos never disappoint. It would be much appreciated if you could create a detailed tutorial on how to do that.
I'm a new subscriber, is this something that she frequently does? 🙄
@@adarshagnihotri3228yes, she’s a coder
never disappoints
never
Or else…
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)
No experience. Just a BE dude who likes these videos :)
I used GSAP, but mostly for animating 2D stuff. Never bothered with 3D modeling.
U look like Asian Half Squat
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.
change ur username 😭
Wow, like I'm not even a frontend designer, but seeing you doing things like that gets me inspired. You're really great!
I feel the same way. This stuff is really cool and the way it's presented is inspiring.
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 😅
very true.
It's my page, i do whatever i want sir
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.
Just showing my general design workflow. Glad you liked it :)
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
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???
Interesting! I will try to implement spline for my portfolio website.
I'm not a warlock but I see this channel going all the way to +1M subs soon
you a very very best woomen!!!
(sorry my errors, im from russia), but help me. thahk you!!!
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
@@looksmatteronly UI/UX designer
@@looksmatteronly backend rust api developer
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!
1:20 yes
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
Slightly misleading that you didn’t mention this keyboard is based on an existing popular Spline tutorial. Otherwise, good video.
i personally don't like working with gsap, so much more prefer motion one nowdays..
JUX STOP LIKING EVERY COMMENT
Love the explaining - the corresponding visuals are awesome! Keep up the good work! 😍
The first video of yours I'm watching, good video.
Why would you use some proprietary thing when blender is both more powerful and free and open source
Can you pls make video about building animated websites in Framer.
I’m facing some difficulties building cool animated websites in Framer can you pls make a tutorial 🙏
Instead of 'wasted' it is 'wasded' 1:55
gsap is 200$/year for commercial use. Another junk conditional access technology.
Do you understand what do your magic down there from a girl sounds like? 😅 Just saying. Just found you today but I already love your contents, keep it up.
Hey , how did you make the thing responsive? can you pls provide the source code?
Dedicated Spline Tutorial needed at any cost!!
Thanks for the great video. I don't know why, but your voice kind of sound both AI generated and human.
Great work and naration,
do a collab with @Hyperplexed please, you guys is the best
Bruh how many cool websites are there... Infinite maybe.. If anyone ever gives me a list of all those awesome designed websites and tells me go through every single of them... I don't think I'll ever get tired cause those always inspires me the most...
Hi, Please tell me where can I get all your meme cat's. I want to create a game with them. Can you help me by sharing those sources. Thank you🙏.
Did you use free version of Spline and Gsap for this example?
Awesome work!😍
where have you been all my life :D thank you for the amazing video
Hi, help me please, my 3d object is not going below the screen height. It's dissapearing. Help please
Oh wow I think it's the first time I've seen my work showcased in a video 0:45
Cool video btw
Your videos have convinced me, a backend developer to finally try out frontend and ui design :^)
But how do you optimize this for mobile? UX and performance can be an issue in my experience
Jux is a legendary channel right out the gate. Always impressive and worth watching, thank you!
Do we need to buy the premium version for code exports through vanilla js ?
Great video, Subbed
make them 3D models complex enough and you will need a gaming PC to use the website
This is probably the first time i heard the phrase "vanilla javascript" XD
Great video!
Hey! Maybe you will answer me :) Can I do with spline only transitions os my website so while I scroll it is animating? for example as i scroll it goes in a 3d tube?
Thank you! Thank you! Thank you! Thank you!
- love from "a full-stack wannabe that stucked with bootstrap"
I wish i could recreate it.
Also it would be great if you could make a tutorial to create this
lmao, this is like Fireship but in female. Awesome content.
I was about to start with 3d animations. Perfect video at the right time
Same here! In a middle of a project for showcasing a product I'm designing. Best of luck to us and our journey!
@@Indainna best of luck Jayme, wishing you a successful journey ahead
I mean... I hate when websites do this to me... but I have to admit it looks good :D
Btw this video is really helpful! Thanks❤
please make a more detailed video some time in the future about using spline:)
now to add an easter egg that WASD actually moves the keys.
the subtle animation on the word "keyboard"
your voice so much matches with Switch&Click channel
Another stunning vid from the legend herself
Thank you
I put off watching this for awhile thinking it wouldn't be that interesting...sorry...but it was a really good informative video! Subscribed!
u just don't miss at all
"Useless gaming keyboard", every OSU player just cried inside knowing that they have been looking for keypads forever.
You're videos are awesome! I always learn something super cool from them💯
Subscribed. Like, so fast. 👏🏼 Happy to be part of the ‘below 1M subscribers’ club 🎉
I'm just debating on Spline/Webflow vs Spline/Code. I can do things much faster on Webflow, but I think Code is more stable, what do you think? I know how to use both btw
The permormance with spline is very sloooow :´v
First time catching one of your videos. Just deluxe! I know where I'll be hanging out on YT for a while. Thanks!
I wanna ask question from ThreeJS and R3F developers. Is this really simpler way to do it ? and what if i want to add custom shaders on it? is there anything about this duo is bad ?
this video is awesome tutorial guide. you have very hard skills in design also. you are making crazy good videos. thank you for existing
The only "bad" thing is that you have to pay GSAP a lot of bucks per year if you want to go commercial ^^
would this have been easier if you had used framer?
This might be a bit off topic from the types of video you create, but I'd love to know your thought process for learning new tools and skills!
I just discovered your channel and I LOVE EVERYTHING ABOUT IT
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
If we already have 3D models we made in blender, can we still use them? or do we have to make new ones in spline? (also can we use textured models with UVs?)
Another absolute banger!
What did program/workflow did you use during the stage of designing the website?
hehe wow first time watch and boom im just been fan
Am I going insane or did you change the name of this video from "the perfect duo" to this
These videos are great! Can't wait for the dark web one
Ahaaa, so Jux is your name? Until now I was reading JustOpposed :D
still love your videos - they're satisfying!
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)
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.
I like the idea of this website. But it is sooooooo slowly.
She really just mentioned Blender guru 😂😂😂
I don't know who you are, but your videos and your voice is just what I need
where did you randomly pop out of? lol, creating all this amazing content out of the blue
More cats!!!!!! We demand even more cats!!!
Great content as always.
Oh and yes, more spline content.
What the actual *brain damage noises.
Very good video. You just earned a sub!
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!
The diversity and depth of the skills displayed in your videos are a strong flex. Well done!
Hi, do you know if one can write custom gsap code in framer or webflow?
she don’t miss!
No need for a spacebar, real gamers bind jump to the scroll wheel anyway.
hell yeah. improvise. adapt. overcome.
I follow a lot of webDev based creators of UA-cam. You are one of the best! I love your content so much. Rule always girl! ❤
"The keyboard is somewhere inside this cube and we just need to take it out" 🤣😂👌
A tutorial of a tutorial. If you know you know 😂
Yes, it's catchy, don't worry.
guys2, are there any comparison on performance on doing this in spline vs three js?
pleaseeee do a video on spline if you have time!! i'm not a graphic designer but a frontend dev and i imported some 3d objects i created on my portfolio website but i can't seem to make them "lighter". in fact even a simple object slows down my website immensely and even the spline app gets laggy and i have a m2 macbook air so i don't think my laptop is the problem!
i'm most likely missing some steps while creating the objects, i'd love to see how you do it :)
What a video this is amazing I found This video showing me the way I wanted to choose , nice video
I name my layers. Layer 1, Layer 2, Layer 3. I trust Figma's choices.