# Three.js Interactive Hero Section with lots of post-processing

> I felt inspired to recreate the beautiful header from pipe's website but using instead of video. And with the right post-processing effects, I ended up with…

Canonical page: https://andersonmancini.dev/videos/three-js-interactive-hero-section-with-lots-of-post

Published: 2023-02-15 · Duration: 0:39 · Category: Tutorials · Tags: three.js, tutorial, source-code, post-processing, glass-material, three-js, killer-hero-section, threejsjourney

Watch: [YouTube](https://www.youtube.com/watch?v=qOhQeSXuuqk) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Subscribe for updates:

I felt inspired to recreate the beautiful header from pipe's website but using instead of video. And with the right post-processing effects, I ended up with an interactive header with lights that responds to mouse movement with less than 1.7 MB .

Source code and, hopefully, a tutorial will be posted soon ;).

## Links from the video

- [Live demo](https://andersonmancini.dev/)