3D Effects

WebGL and Three.js effects that render real 3D in the browser: particle fields, shader backdrops, physics scenes and 3D transitions. These are the heaviest components in the library, so each one lists its rendering approach and requirements before you copy it. Use them as hero backdrops, section backgrounds or cursor-reactive 3D accents.

This category currently contains 6 components, including 3D Hero, 3D Scroll Animation, 3D Slider, 3D Rubiks Cube, Cards Beam. Each one opens on its own page with a live preview, a documented props table and the full source.

Looking for a different effect? Browse the other UI HUB component categories, or use site search to filter every component by name.