tympanus.net/codrops

VN:F [1.9.22_1171]
Rating: 8.3/10 (6 votes cast)

Useful resources and inspiration for creative minds (html, css, javascript)

From Web UI to Game UI: How Gaming & Creativity Reshaped María Vargas’ Career

25 March 2026 @ 3:13 pm

After a decade designing websites, María Vargas shares how gaming unexpectedly became the next chapter of her career.

Digital Craft, Wild Soul: Building San Rita’s Topographic Web Experience

24 March 2026 @ 1:51 pm

Designed as a digital landscape to explore, San Rita’s portfolio combines 3D terrain, vintage map textures, and immersive motion with a strong sense of place.

Building a Dual-Scene Fluid X-Ray Reveal Effect in Three.js

23 March 2026 @ 2:06 pm

Learn how to use Three.js to blend two scenes with a fluid simulation, creating a smooth, dynamic reveal effect.

Jackie Zhang’s Portfolio: From Chasing References to Finding Direction

20 March 2026 @ 2:56 pm

How I stopped chasing references and built a portfolio that actually feels like me.

Yeva Tykhonova: Design as a Bridge Between Human Emotion and the Digital World

19 March 2026 @ 2:10 pm

Because behind every interface is a real person, and behind every interaction is a feeling.

Building Seamless 3D Transitions with Webflow, GSAP, and Three.js

18 March 2026 @ 1:14 pm

Build a single, persistent Three.js scene in Webflow and drive smooth, GSAP-powered page transitions with Barba.js.

Jonas Reymondin’s Portfolio: Reclaiming the UI Eye Through Systems, Code, and Pixel Motion

16 March 2026 @ 1:38 pm

A candid journey through the challenging process of defining my narrative as a creative who cares deeply about both design and engineering.

What Happens When You Can’t Stop Creating: Huy Nguyen’s Story of Starting His Own Studio

12 March 2026 @ 1:41 pm

How I went from having no idea what to do with my life to dropping out of university and building a design studio in my twenties.

SVG Mask Transitions on Scroll with GSAP and ScrollTrigger

11 March 2026 @ 2:37 pm

In this tutorial, we’ll create four scroll-driven transitions that reveal fullscreen images using SVG masks, GSAP, and grid- and blind-based patterns.

Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds

9 March 2026 @ 1:42 pm

A tutorial on building a scroll-driven WebGL gallery in Three.js with depth-layered images, palette-driven backgrounds, and motion that responds to scroll velocity.