Тёмный

Creating an interactive 3D background using Vanta.js + React | The Coding Kid 

The Coding Kid
Подписаться 1,2 тыс.
Просмотров 6 тыс.
50% 1

In this video, we create a website with an interactive 3D background using Vanta.js, which is based on Three.js, a library for creating 3D effects in JavaScript. I will also use React with Vite.js, a build tool.
Node.js website: nodejs.org/en
Three.js CDN: cdnjs.com/libraries/three.js
Vite website: vitejs.dev/
React website: react.dev/
Google Fonts: fonts.google.com/
0:00 Intro
0:35 Create project with Vite
1:10 Install packages with NPM
1:35 Clean up
3:05 Vanta.js
7:00 Hero section
8:40 Google Fonts
9:38 Styling

Опубликовано:

 

22 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 9   
@user-gt7bx4cy6p
@user-gt7bx4cy6p 10 месяцев назад
Thats exactly what I was searching for, thank you so much fr
@petrucci_dev
@petrucci_dev 9 месяцев назад
thank you so much, it was exactly what I needed, success!
@its_jayvardhan
@its_jayvardhan 3 месяца назад
Thank you mate really helpful
@rishilahoti
@rishilahoti 5 месяцев назад
that's some nice explanation
@AshishKumar-ld5kx
@AshishKumar-ld5kx 6 месяцев назад
thanks kid
@pritamsutradhar9733
@pritamsutradhar9733 Год назад
Can I use it without vite
@MyGui1000
@MyGui1000 6 месяцев назад
Yes you can
@KaiserBloo
@KaiserBloo Год назад
1o
@avijitmaity5061
@avijitmaity5061 Год назад
1o
Далее
МАРИЯ ГОЛУБКИНА О БАБУШКЕ #shorts
00:43
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Next.js isn't React
17:11
Просмотров 204 тыс.
3D Backgrounds with Vanta and Next.js
14:30
Просмотров 8 тыс.
Why Most Programmers DON'T Last
18:56
Просмотров 282 тыс.
The Parallax Effect // 5 Minute WebDev Project
5:01
Просмотров 606 тыс.