Let's create an animated landing page with React and Three.js
HTML-код
- Опубликовано: 6 фев 2025
- Part 2: • Let's create an animat...
Finished codes: github.com/0sh...
Drone 3D model: sketchfab.com/...
GSAP ease visualizer: greensock.com/...
In this video, we will see how to create an interactive landing page with three js. We will add an awesome looking drone 3D model with three.js and also animate it using gasp. And that's not even all we will add multi-language support in our app. So this will be a really exciting project and you only need basic JavaScript and React JS knowledge to be able to follow this beginner friendly tutorial.
Don't forget to share it with your friends if you like it.
Support me on Patreon: / 0shuvo0
Follow me on Twitter: / 0shuvo0
Read my articles on Dev: dev.to/0shuvo0
#react #three.js
We are proud of you sir!! One of the best web dev from India!!
Many many thanks
I really appreciate your support 💓
A small glossary for myself and others:
0:00 Intro and summary of project
0:43 Starts the project
3:57 Animating with THREE.js
20:39 HTML part
Excellent tutorial, I hope more content about threejs and react. Greetings from Arg
Many many Thanks
I will try my best
The alert sounds similar to 1:55 are very very hard on the ear. Especially at night. But really nice video, thank You for it. I'll use the text and button part for inspiration for my app
I am really sorry I will keep the sound thing in mind and thank you
What a video , please continue seris threejs basic to advance
Thanks for your support
I will try my best 💓
Just wow bro
Awesome content bro
Many many Thanks
very good video :D
bro can you please improve voice quality , if you can , I like your work
I know right
I leave in a very noisy place
So I use intense noise reduction with ruins the audio quality
I sometimes make video after 1AM but even then there would be sounds coming in(busy city life)
And to be honest being a introvert I also struggle to speak a lot
But you still watch my contents to many many thanks for your support I really appreciate it 💓
@@AngleBrace i too understand bro , its kinda similar situation for me too 😅
Hi! Great tutorial! Can I know what kind of extension do you use? Before coding, there already a template. that gray word. I not sure whether you understand or not?
yes that's the copilot from GitHub not every one has access to it
❤️
Thanks for your support 💖
This is amazing...i need you to build a landing page for my startup asap. whats your email?