Designer Spotlight: Jhosue Mesias
In Articles, by Jhosue Mesias
Exploring the art of digital design with Jhosue Mesias—pushing boundaries, crafting experiences, and redefining creativity.
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality
In Tutorials, by Niccolò Fanton
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
Creating My First Game Prototype in a Browser: The Journey So Far
In Articles, by Axel Croizé
An inside look at the creative process, challenges, and tools behind building a 3D game prototype from scratch.
Developer Spotlight: Guillaume Lanier
In Articles, by Guillaume Lanier
Introducing Guillaume Lanier, a Creative & Frontend Developer based in Amsterdam, who crafts immersive digital experiences through innovative 2D/3D graphics and interactive design.
Building a Playful Stop-Motion Crayon Cursor in p5.js
In Tutorials, by Jorge Toloza
Create a playful stop-motion crayon cursor effect with p5.brush.js and smooth animations.
Players Club: A Free Astro Template for Showcasing Music Artists
In Playground, by Manoela Ilic
Players Club is a free Astro template for showcasing music artists—an experimental proof of concept built in collaboration with Alex Tkachev.
How to Make The Fluffiest Grass With Three.js
In Tutorials, by The Ebenezer
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
Nim: A Personal Website Template Built with Motion-Primitives
Nim is a free, open-source personal website template built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives, featuring subtle, pre-built animations.
Developer Spotlight: Quentin Hocdé
In Articles, by Quentin Hocdé
In this spotlight, Quentin Hocdé shares his passion for creative coding, animations, and bringing interactive experiences to life.
Case Study: Gianluca Gradogna — Portfolio ’25
In Articles, by Gianluca Gradogna
This case study unveils the journey of creating a personal portfolio, highlighting the creative collaboration between Gianluca Gradogna and Gabriel Norman in bringing the project to life.
Particles, Progress, and Perseverance: A Journey into WebGPU Fluids
In Articles, by Hector Arellano
A reflective journey through years of experimentation and innovation, demonstrating how WebGPU enables the creation of sophisticated, visually striking fluid simulations.
10+ Best Web Design Tools & Resources For 2025 (Free & Paid)
In Articles,
Discover the top web design tools and resources of 2025, tailored for creating innovative, secure, and visually stunning websites with ease.
Fractals to Forests – Creating Realistic 3D Trees with Three.js
In Articles, by Dan Greenheck
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models.
Developer Spotlight: Mario Sanchez Maselli
In Articles, by Mario Sanchez Maselli
Meet Mario, developer & co-founder of Non-Linear Studio. Specializing in interactive design, animation, 3D, WebGL, & creative development.
How to Build a Web Performance Watchdog Agent with Agent.ai
In Tutorials, by Dariel Vila
Learn how to create an AI Agent that monitors your website’s performance daily, detects anomalies, and sends professional HTML email reports with actionable insights using the Agent.ai Agent Builder.
WebGL Shader Techniques for Dynamic Image Transitions
In Tutorials, by Arlind Aliu
Learn how to create dynamic image transitions with WebGL shaders, exploring techniques like circle SDFs, noise patterns, smooth merging, and texture integration.
The Journey of Creating a 3D Portfolio
In Articles, by Merouane Bali
Merouane Bali shares the process behind his 3D web design, highlighting WebGL and React integration, along with the challenges and solutions that shaped this immersive portfolio.
