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.
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
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.
VFX-JS: WebGL Effects Made Easy
This article introduces VFX-JS, a JavaScript library designed to make creating WebGL-powered visual effects easy and accessible.
Developer Spotlight: Francesco Michelini
In Articles, by Francesco Michelini
In this Developer Spotlight, Francesco Michelini shares the journey behind his standout projects, his favorite tools, and how game development inspired his passion for creative coding.
Case Study: Gentle Rain
This case study explores how retro aesthetics and modern innovation came together to create a unique and inspiring learning experience.
Creating Generative Artwork with Three.js
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
Tracking Creativity: Inside the Making of Sixelf
In Articles, by Emmanuel Nwosu
Exploring the imaginative process and innovative details behind Sixelf, a platform empowering designers to showcase their contributions and visualize their creative impact.
10 Top Free & Premium WordPress Plugins for 2025
In Articles,
A roundup of the best WordPress plugins for 2025 to help you build better sites, add smarter features, and keep things running smoothly.
Developer Spotlight: Lorenzo Dossi
In Articles, by Lorenzo Dossi
Meet Lorenzo Dossi, a motion designer and front-end developer shaping the web with creativity and precision in our first-ever Developer Spotlight.
Motion Highlights #1
In UI Interactions and Animations Roundups, by Manoela Ilic
A fresh collection of diverse motion designs and animation concepts to spark your creativity and expand your perspective.
Toddle.dev: The Future of Visual Web Application Development
In Articles, by Andreas Møller
A look at how Toddle.dev helps designers and developers work together by using a visual tool to build web applications more easily.
Case Study: Dondre Green
In Articles, by Nkenna Amadi
This case study explores how The Blackpepper Studio meticulously designed and developed a digital portfolio that captures the artistic vision of Dondre Green, a New York-based Art Director and Photographer known for his innovative, narrative-driven, and storytelling work.
5+ Best WordPress Themes for 2025
In Articles,
Discover the top WordPress themes for 2025, crafted for developers and designers seeking performance, flexibility, and next-level design innovation.
Case Study: Travel Next Level
In Articles, by Artemii Lebedev
An exploration of how design innovation, technical creativity, and user-focused functionality came together to create a unique platform that embodies the spirit of travel and discovery.
Crafting a Dreamy Particle Effect with Three.js and GPGPU
In Tutorials, by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
