I was having a stroll in one web development forum and I saw these websites that intrigued me, this kept me wondering how are the animations made?

https://www.samuelday.de/

https://philippeneveu.com/

https://www.kwokyinmak.com/

Terrific website...
As a front end developer, Scaler graphics skills is recommended. They are created with HTML, CSS and JavaScript. They might have made use of libraries which makes implementation less minimal.

Gsap and framer motion will get you this.

Those were probably achieved using threejs and animejs. I've not seen anyone on this platform talk about them. Animejs is lightweight JavaScript animation library for doing these stuffs

tensazangetsu20:
Gsap and framer motion will get you this.

Okay, thanks

thanksjosh005:
Those were probably achieved using threejs and animejs. I've not seen anyone on this platform talk about them. Animejs is lightweight JavaScript animation library for doing these stuffs

Thanks, will have to make some research on those library y'all mentioned.

Threejs

Three js and gsap I am currently learning it in a slow motion after that I will learn blender and u will be able to create mad 3d engaging Websites look at another mad website for example (adamrobinson.dev)

thanksjosh005:
Those were probably achieved using threejs and animejs. I've not seen anyone on this platform talk about them. Animejs is lightweight JavaScript animation library for doing these stuffs

are you using it because I started learning three js and the library is mad men and will be easier to learn if you have previous knowledge of any 3d library like(blender,Maya,cinema 3d) etc

peterincredible:
Three js and gsap I am currently learning it in a slow motion after that I will learn blender and u will be able to create mad 3d engaging Websites look at another mad website for example (adamrobinson.dev)

The website looks incredible. I'm a newbie and I am currently learning CSS Flexbox.

peterincredible:
are you using it because I started learning three js and the library is mad men and will be easier to learn if you have previous knowledge of any 3d library like(blender,Maya,cinema 3d) etc

Of course

Pondabrown:


The website looks incredible. I'm a newbie and I am currently learning CSS Flexbox.

CSS flexbox? That's nice. If you encounter any problem with learning CSS flexbox, let me know. Have you learnt grid?

thanksjosh005:


CSS flexbox? That's nice. If you encounter any problem with learning CSS flexbox, let me know. Have you learnt grid?

No, I haven't. Just started learning Flexbox yesterday, and it made me realize that using float to position elements was stressful.

There are also courses which teaches people too about such topics if interested link me Vai Whatsapp https:///bfov6k

Pondabrown:


No, I haven't. Just started learning Flexbox yesterday, and it made me realize that using float to position elements was stressful.

Lol. My advice? Just master flexbox. Dedicate your time. For me, it just takes less than a day to learn then keep practicing which in turn will grant you the mastery with using it. You should also learn to use flexbox parent and child property well. Since flexbox has to do with layout, learn both flexbox parent and child. These both will help you in the long term when you always have to design layouts. And all the best bro!

thanksjosh005:


Lol. My advice? Just master flexbox. Dedicate your time. For me, it just takes less than a day to learn then keep practicing which in turn will grant you the mastery with using it. You should also learn to use flexbox parent and child property well. Since flexbox has to do with layout, learn both flexbox parent and child. These both will help you in the long term when you always have to design layouts. And all the best bro!

Really appreciate the advice, bro. Thanks a lot.

First is creepy

peterincredible:
Three js and gsap I am currently learning it in a slow motion after that I will learn blender and u will be able to create mad 3d engaging Websites look at another mad website for example (adamrobinson.dev)

Looks cool
but the loading time seems long, I wish there's a way to make it faster, aside that it looks good.
So you mean after three Js the next one is learning blender right?

midasbliss:
First is creepy

Maxxim:

Looks cool
but the loading time seems long, I wish there's a way to make it faster, aside that it looks good.
So you mean after three Js the next one is learning blender right?

not a must you learn blender but it will be helpful if you want to create your own model Shaa wetin I know I still the learn till next year b4 I start looking on how to freelance as a creative 3d Web designer

peterincredible:
not a must you learn blender but it will be helpful if you want to create your own model Shaa wetin I know I still the learn till next year b4 I start looking on how to freelance as a creative 3d Web designer

Okay thanks

thanksjosh005:


CSS flexbox? That's nice. If you encounter any problem with learning CSS flexbox, let me know. Have you learnt grid?

boss, permission to mail you?

Hybkay:
boss, permission to mail you?

Feel free bro

Can such websites be designed using WordPress and elementor?

pansophist:
Can such websites be designed using WordPress and elementor?

No sir, It can't be made with Elementor, Elementor is just a page builder.
But I think one could create something similar with threepress, but one has to have the knowledge of php which is used for wordpress backend cos there'll be need to embed some code in it from threepress.
I hope bosses here could give more answers cause I'm still learning php.

I know it’s called something like Motion Design . Or Interactive motion design , or motion graphics .

Those who studied in-depth graphics design will catch this quick . A regular UX/UI designer cannot pull this off without some motion graphics knowledge . It’s easy to learn . Just spend the time on it .

FYI - These are one of the new trends in web designs , so be ready to see more sights start featuring motions and interactive designs on their pages ..


Men the future go sweet well oh . So much tech in the works …

quote author=Maxxim post=112791356]I was having a stroll in one web development forum and I saw these websites that intrigued me, this kept me wondering how are the animations made?

https://www.samuelday.de/

https://philippeneveu.com/

https://www.kwokyinmak.com/[/quote]

Guys please help me rate this Android app. It's my production:

https://play.google.com/store/apps/details?id=com.nigerianstatequizgame.nigerianstates

peterincredible:
are you using it because I started learning three js and the library is mad men and will be easier to learn if you have previous knowledge of any 3d library like(blender,Maya,cinema 3d) etc

hey bro, hope you’re doing great? How have your ThreeJs Journey been ?