postprocessing logo

postprocessing

Bloom, depth of field and color grading effects for three.js.

✓ No sign-upCommercial use OKZlibAnimation & 3D Libraries

What is postprocessing?

postprocessing is a library from the pmndrs collective that adds screen effects to three.js: bloom, depth of field, SSAO, chromatic aberration, noise, vignette, tone mapping and color grading with LUTs.

It merges effects into as few passes as possible, so you can stack several of them while keeping a high frame rate. React Three Fiber users can use it through @react-three/postprocessing.

License and usage

Yes. postprocessing is released under the Zlib license, which allows commercial use without attribution.

Check the license. Licenses can change, and some items inside a library have their own terms. Always confirm the license on the original website before using a resource in your project.

What you get

  • Bloom, DOF, SSAO and more
  • LUT color grading
  • Efficient merged passes
  • React Three Fiber bindings

Pros

  • Fast
  • Cinematic look with little code
  • Well maintained

Cons

  • Only for three.js
  • Some effects are heavy on mobile

Best for

Cinematic web 3DGame visualsProduct showcases

Ratings and reviews

No reviews yet. Used it? Be the first to rate it.

Rate and review

No account needed. Reviews are checked before they appear, and links are not allowed.

postprocessing FAQ

Is postprocessing free?

postprocessing is free and open source under the Zlib license. Install it from npm without an account.

Can I use postprocessing for commercial projects?

Yes. postprocessing is released under the Zlib license, which allows commercial use without attribution.

Do I need an account to download from postprocessing?

No. You can browse github.com and download without signing up.

What are some alternatives to postprocessing?

Other free options include Anime.js, Motion, Lottie, Manim and Three.js.

Similar to postprocessing

More free resources you can download without an account.

Browse free resources