Origami: 12 Free Animated 3D Objects

A set of twelve free 3D animations created with React Three Fiber and GSAP.

By deadrabbbbit in Playground on
Demo Code

Today we have something special for you: 12 awesome animated 3D objects that you can use for free in your projects. Created with React Three Fiber and GSAP, these animations are easy to integrate and perfect for adding a bit of flair to your website.

Plus, each one comes with three different material variations to show how you can achieve different looks.

Have a look at these two examples in action:

Hope you enjoy these animations and have fun with them!

deadrabbbbit

He puts ideas into action.

3d react-three-fiber three-js webgl

4 Exclusive Demos: Slideshows & Typographic Animations

Grid Item Hover Effect

WebGPU Reaction-Diffusion Compute Shader demo screenshot

Reaction-Diffusion Compute Shader in WebGPU

The
New
Collective

🎨✨💻 Stay ahead of the curve with handpicked, high-quality frontend development and design news, picked freshly every single day. No fluff, no filler—just the most relevant insights, inspiring reads, and updates to keep you in the know.

Prefer a weekly digest in your inbox? No problem, we got you covered. Just subscribe here.