# Three.js background animation

**URL:** <https://discourse.threejs.org/t/three-js-background-animation/57245>\
**Category:** Questions\
**Tags:** animation\
**Created:** [October 20, 2023, 7:04am UTC](https://discourse.threejs.org/t/three-js-background-animation/57245 "2023-10-20T07:04:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cory](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/cory/32/33264_2.png) [@cory](https://discourse.threejs.org/u/cory)\
**Post date:** [October 20, 2023, 7:04am UTC](https://discourse.threejs.org/t/three-js-background-animation/57245/1 "2023-10-20T07:04:00Z")

</div>

Hello everybody, hope you are doing well.

Please check once this website: [Karma](https://tuxkarma.co/en)  
Here what I’m interested is background animation looks similar with smoke effect,.  
I know that they use three.js and GSAP for background animation there.  
I have no idea how to do it.  
Please let me know if you have idea.

Warmest,

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [October 25, 2023, 3:57am UTC](https://discourse.threejs.org/t/three-js-background-animation/57245/2 "2023-10-25T03:57:10Z")

</div>

No need for GSAP there - it’s a simple 2D fluid simulation ([a simple example & code](https://github.com/amsXYZ/three-fluid-sim), and [a way more detailed explanation](https://www.youtube.com/watch?v=iKAVRgIrUOU).)