What technology is used to create such sites?

A

Absurdas

Junior Member

Jun 11, 2019

119

44

• Feb 18, 2024

• #1

I love the animation and how the website is designed. I am curious how is it being created, what programming languages are used for such frontend? I believe it must be some kind of framework?

Website to check: ait dot tech

Thanks for all of your suggestions!

 

Steptoe

Elite Member

Jr. Executive VIP

Jr. VIP

Aug 9, 2017

5,581

6,872

• Feb 19, 2024

• #2

Javascript and SVG (scalable vector graphics). According to BuiltWith that site is using Netlify for a CMS, but I doubt that CMS is specifically for animated SVG sites.

 

bartosimpsonio

Elite Member

Executive VIP

Jr. VIP

Mar 21, 2013

24,780

31,560

• Feb 19, 2024

• #3

React Framework

 

J

john_strong44

Registered Member

Mar 31, 2023

61

34

• Feb 19, 2024

• #4

 

D

Deleted member 752298

Guest

• Feb 23, 2024

• #5

Yes, this is indeed built in React.JS

 

NulledCode

Elite Member

Jr. VIP

Jun 10, 2010

2,405

1,677

• Feb 23, 2024

• #6

Absurdas said:

I love the animation and how the website is designed. I am curious how is it being created, what programming languages are used for such frontend? I believe it must be some kind of framework?

Website to check: ait dot tech

Thanks for all of your suggestions!

Click to expand...

It looks like a single page app built with Vite. There are tons of animation libraries available you could use to animate react components, like Framer, react-spring, and more. It's a fantastic ecosystem to get in, but can also be overwhelming due to the options available.

 

Nikolaos

Elite Member

Jr. VIP

May 27, 2016

11,215

2,553

• Mar 4, 2024

• #7

It's ReactJs and it's a framework of JavaScript .

 

Celphtitled

Newbie

Oct 31, 2012

33

9

• Mar 4, 2024

• #8

For future reference you could also try giving the Chrome extension: Wappalyzer, a try.
Their description:
"Technology lookup
Find out what websites are built with

Instantly reveal the technology stack of any website, such as CMS, ecommerce platform or payment processor, as well as company and contact details."

 

spicymelon

Newbie

Feb 21, 2024

14

5

• Mar 4, 2024

• #9

You can get started with as simple as HTML and CSS. So you would be able to understand the basics of web design. And while you are at it, start learning blender side by side. After some time, when you are confident with HTML and CSS, start with JS and pick a library like Reactjs as others have recommended it. Continue with blender, don't leave it. You don't have to master anything, but should have a working knowledge. Afterwards you can pick another library like threejs and learn about webGL. Now you can import 3D models made by blender and use them on your website.