Useful resources and inspiration for creative minds
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.
Follow along as we build page transitions in Astro with Barba.js and GSAP, from the initial setup to a working animated transition flow.
More than a year of iteration, motion studies, and technical refinement went into shaping R—K ’26 into a portfolio where identity, rhythm, and interaction work as one.
A behind-the-scenes look at how we built Maxima Therapy with playful interactions, creative code, and a little AI help along the way.
How obsessing over craft, code quality, and the details nobody notices shaped a decade of creative frontend work.
A step-by-step breakdown of how I built a Three.js visual explainer on dithering by animating 160,000 cubes with custom shaders.