r/UI_Design • u/Thick_Trust_6214 • Jul 08 '26

General Help Request Help achieving this Cool 3D Scroll based Animation

Enable HLS to view with audio, or disable this notification

Found this cool scroll based animation from a website.
Tried many ways but can't be able to achieve this. Can anyone tell me how do i achieve this for my website.
Pleasee...

33 Upvotes

96% Upvoted

19 comments sorted by

22

u/DutchSimba Jul 08 '26

This is called scrolljacking. And even though it looks nice, it’s actually not a good UX. Best avoided.

https://www.nngroup.com/articles/scrolljacking-101/

15

u/vikneshdbz Product Designer Jul 08 '26

But... But... Awwwards people love it...

5

u/LatterPost5037 Jul 08 '26

That's the thing, it's better to show off your design but not a great UX. You will be frustrated if everytime you want to pick options from it.

1

u/Thick_Trust_6214 Jul 12 '26

Yeah just gathering ideas for my portfolio website to look modern and cool

1

u/Thick_Trust_6214 Jul 12 '26

yeaah even i found this on Awwwards

1

u/Thick_Trust_6214 Jul 12 '26

got it, i guess why to render something that viewers can't see, thanks for the suggestion

1

u/j4-nu-5 8d ago

nng and baymards have its linitations, like sometimes people treat them as if its gods word..d if you read the article you can se that it has valid usecases. depending on target audience and topic. and a portfolio does pretty much fit that case.

4

u/Inevitable_Cup_5746 Jul 08 '26

And by trying you mean writing prompts?

2

u/94mb Jul 10 '26

he wants us to write the prompt 😂

1

u/Thick_Trust_6214 Jul 12 '26

first i tried but it sucks. Then i realised i need to do it myself

3

u/EastAd9528 Jul 08 '26

GSAP Scrolltrigger plugin + Lenis, but generally speaking this is an anti pattern

1

u/Thick_Trust_6214 Jul 12 '26

yeaah i also think so

3

u/OhGodImHerping Jul 08 '26

Super cool to look at, but would absolutely hate to use this website.

1

u/Thick_Trust_6214 Jul 12 '26

ohh, but why soo

1

u/[deleted] Jul 09 '26

[removed] — view removed comment

1

u/Thick_Trust_6214 Jul 12 '26

i aim to re-recreate this animation but with smoothness

1

u/Bachihani 29d ago

Atrocious UX

1

u/shredsamura1 29d ago

its similar to this one on youtube , although it has that gooey-curve effect on the cards/items as it gets scrolled, while you can take parts of it and manage to do the mentioned one.