This collection is your guide to creating visually stunning portfolios where UI and animation take center stage. It explores the implementation of smooth page transitions that turn the site into a unified narrative. Special focus is given to unconventional interactions: from custom cursors and “drag-to-scroll” galleries to complex scroll-driven animations powered by GSAP ScrollTrigger, which bring content to life as you scroll. These advanced UI patterns create an immersive and memorable user experience.
1 JavaScript Portfolio Examples
Selected Demos 2019-2020
A highly interactive portfolio showcase powered by GSAP ScrollTrigger and Splitting.js. It features a custom fluid cursor, complex SVG text masking effects, and a seamless page transition system that loads external iframes into a 3D-transformed modal overlay upon interaction.
See the Pen Selected Demos 2019-2020.
