How to make 3D Spinning Cube with CSS, Typescript and Pixabay API

⭐ Download the source code:

In this video I create a 3d spinning photo cube that loads image dynamically from pixabay.

Using only CSS transform property we can develop a very cool photo application that is more eye catching and memorable to visitors. The application is developed with typescript for its super type system. You can see how I construct each components and assemble them into a complete application.

00:00 Intro and Demo
00:24 Create project using vite
00:52 Config vite project
02:22 Build the markup
04:05 Add custom styles
10:45 Create SpinningCube3D class
19:55 Build ImageQuery service
29:17 Load image for each face
35:30 Code the cube animation
43:51 Add cube interactive
45:12 Testing and final

⭐ Thank you for watching the video
⭐ Don’t forget to LIKE & SUBSCRIBE

#asmr #coding #programming #css #javascript