Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
Case Study: Fiddle.Digital Design Agency — The New Us
In Articles, by Fiddle.Digital
This case study tells the story of how a small rebranding idea sparked a revolution within the agency.
Replicating CSS Object-Fit in WebGL: Optimized Techniques for Image Scaling and Positioning
In Tutorials, by Nicolas Giannantonio
Explore optimized methods to achieve responsive image scaling and positioning in WebGL, similar to the CSS object-fit: cover behavior.
Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
Designer Spotlight: Artem Shcherban
In Articles, by Artem Shcherban
Award-winning designer Artem Shcherban shares his journey, design philosophy, and the creative principles behind his work.
Developer Spotlight: Yannis Yannakopoulos
In Articles, by Yannis Yannakopoulos
In this spotlight, Yannis Yannakopoulos shares his journey with over 15 years of experience in web development, generative art and modular synths.
Case Study: Stefan Vitasović Portfolio — 2025
In Articles, by Stefan Vitasović
An article behind the process of Stefan’s 2025 creative dev portfolio — a minimalist design, dynamic visuals and shader effects.
Creating Stylized Water Effects with React Three Fiber
In Tutorials, by Thalles Lopes
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
CSS Meets Voxel Art: Building a Rendering Engine with Stacked Grids
In Articles, by Agustin Capeletto
Learn how transforms, perspective, and stacked grids can create a fully addressable 3D space and push the boundaries of what’s possible with pure CSS.
Designer Spotlight: Isabel Moranta
In Articles, by Isabel Moranta
Explore the conceptually rich and visually striking world of award-winning Creative and Design Director Isabel Moranta as she shares her journey, inspirations, and most compelling projects.
Developer Spotlight: Maximilian Berndt
In Articles, by Maximilian Berndt
Blending design and development, Maximilian Berndt explores the creative potential of WebGL, animations, and interactive experiences on the web.
WebGPU Fluid Simulations: High Performance & Real-Time Rendering
In Articles, by matsuoka-601
A detailed look at the techniques behind high-performance, real-time, and visually stunning fluid simulations with WebGPU.
From Concept to Code: Inside the Creative Process of Thomas Monavon & Grégory Lallé
In Articles, by Thomas Monavon and Grégory Lallé
Discover the creative process of the French duo, Thomas Monavon (Designer) and Grégory Lallé (Creative developer).
100 Days of Web Experiments: A Designer’s Journey into the Unknown
In Articles, by Suz Sirunyan
A designer’s journey of creative exploration—100 days, 100 experiments, and the lessons learned along the way.
Designer Spotlight: Ivan Gorbunov
In Articles, by Ivan Gorbunov
Explore Ivan Gorbunov’s approach to minimalism, creativity, and functional design.
Developer Spotlight: Fabio Carretti
In Articles, by Fabio Carretti
From MySpace profiles to AI-driven projects, Fabio Carretti reflects on his evolution as a developer, his creative journey, and the passion that keeps him moving forward.
Motion Highlights #2
In UI Interactions and Animations Roundups, by Manoela Ilic
A curated selection of the latest motion design and animation trends to keep you inspired and in the loop.
Rendering the Simulation Theory: Exploring Fractals, GLSL, and the Nature of Reality
In Articles, by Yohei Nishitsuji
An exploration of fractals, GLSL, and simulation theory, revealing their deep connections to art, mathematics, and the nature of reality.
