My Web animation Tier List based on diffculty.
0:00 Intro
0:35 Mask Split Text
1:41 Masks
3:12 Pixel Shader
4:59 Stacked Cards
6:55 3D Dom Positioning
8:49 2D Physics
10:18 Videos on scroll
12:21 3D Perspective Gallery
13:36 3D Timeline
15:27 Image Pixel effect
17:10 Infinite Scroll
18:23 Parallel page transition
20:50 Gradients
22:17 Pixel Transition
24:20 Image Gallery with mouse
26:02 Stairs Transition
26:57 Fluid Shader
29:30 Text Scramble
31:06 WebGL Image Gallery
33:01 3D Physics
33:47 Gooey Effect
35:52 Text Gradient
37:00 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: https://twitter.com/olivierlarose_
Follow me in Instagram: https://www.instagram.com/olidevs/
Discord Channel: https://discord.com/invite/2QPNYtazQq
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #threejs