The Creative Pass Watch all courses for just $12/month
3D Home Hero: Custom Three.js 3D header with camera tilt on-scroll

This element was built with...

  • 3d
  • three.js
  • scroll effect
  • hero
  • react three fiber
  • react three drei

Also, you can view more Elements below ...

Desktop
ELEMENT

Desktop

Mobile
ELEMENT

Mobile

About page with parallax effect
ELEMENT

About page with parallax effect

2
ELEMENT

Physics: Footer separator with interactive...

video
ELEMENT

Sequenced custom content reveal

video
Responsive layouts and navigation
ELEMENT

Responsive layouts and navigation

Custom pure CCS animated loader for 3D scene...
ELEMENT

Custom pure CCS animated loader for 3D scene...

ELEMENT

Custom slider with looping Lottie vector...

video

More inspiration

See more related
elements from w.

  • WebGL interactive sphere
    ELEMENT

    WebGL interactive sphere

  • ELEMENT

    Hero shader animation

    video
  • ELEMENT

    Hero

    video
  • Homepage Hero & User Journey
    ELEMENT

    Homepage Hero & User Journey

    2
  • ELEMENT

    Hero opening

    video
  • ELEMENT

    Hero sections

    video
  • ELEMENT

    Hero Section

    video
  • ELEMENT

    Hero Image

    video