#Codrops

A tutorial on how to create a minimalistic and customizable 3D wave grid background with Three.js.

An inside look at the new Obys – from rethinking our identity to building a system where type, motion, and structure work as one, shaping a more precise and consistent experience.

A quick look at the HTML-in-Canvas proposal, how it works, and what it enables with a few practical demos.

A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.

In a digital world increasingly shaped by templates and automated systems, we still believe in the power of crafted experiences.

From painting to immersive design, Sofia Papadopoulou’s path reflects a constant evolution across mediums.

A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing.

A two-person studio working between Bristol and Paris, redefining web design by crafting immersive, spatial experiences that feel less like pages and more like places.

A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene.

A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing clarity and performance.

A playful GSAP menu demo exploring how easeReverse makes reversed UI animations feel smoother, snappier, and more intentional.

A deep dive into building an infinite procedural landscape using WebGPU and Three.js, where compute shaders and indirect drawing bring millions of interactive grass blades to life.

A step by step tutorial on creating an immersive Moon story in Instorier with motion, interaction, and 3D scene building.

A story of how sharing experiments, studying shaders, and pushing animation further helped shape a distinct motion practice.

A deep dive into four cinematic scenes, exploring how film-inspired ideas evolved into a cohesive and immersive portfolio experience.

What began with one person teaching himself to make things grew into a creative practice shaped by curiosity, persistence, and the urge to push digital work further.

A case study on how motion, interaction, and scroll-driven design turned the Exat microsite into an expressive showcase for contemporary type.

How one direct message opened the door to my first SOTD and shaped my journey as a creative developer.