Blog post

Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality | Codrops

In this article, we’ll explore strategies to improve rendering performance without sacrificing graphical quality, based on the SINGULARITY demo I built with Fiber + Drei. (If you’re using Vanilla...

10 Best Computer Courses After 12th in India 2025

Today computer courses are becoming a new trend in contemporary times. Such kinds of short-term courses are very popular for the 10th & 12th class students since after appearing in the respective...

Chris’ Corner: Creative Coding

Jake thinks developers should embrace creative coding again, which, ya know, it’s hard to disagree with from my desk at what often feels like creative coding headquarters. Why tho? From...

Creating My First Game Prototype in a Browser: The Journey So Far | Codrops

At Codrops, we love sharing creative journeys from the web development community. In this article, Axel Croizé takes us through the key steps of building his first browser-based 3D game prototype...

10 Best Chairs for Programming in India 2025

Are you looking for a list of the best chairs for programming? Here, in this article, we have come up with a list of the 10 best chairs for programming in India since we care for your wellbeing. You...

EXAMPLEARTICLE

EXAMPLEARTICLECONTENT The post EXAMPLEARTICLE appeared first on The Crazy Programmer. #EXAMPLEARTICLE...

8 Best NoSQL Databases in 2025

What is NoSQL, and what are the best NoSQL databases? These are the common questions that most companies and developers usually ask. Nowadays, the requirements for NoSQL databases are increasing as...

Developer Spotlight: Guillaume Lanier

Hey Codrops community! I’m Guillaume Lanier, a Creative & Frontend Developer based in Amsterdam. I specialise in creating immersive digital experiences with expertise in 2D/3D graphics and...

EXAMPLEARTICLE

EXAMPLEARTICLECONTENT The post EXAMPLEARTICLE appeared first on The Crazy Programmer. #EXAMPLEARTICLE...

5 Best HTML Cheat Sheets 2025

In this article, you will find some best free HTML cheat sheets, which include all of the key attributes for lists, forms, text formatting, and document structure. Additionally, we will show you an...

Building a Playful Stop-Motion Crayon Cursor in p5.js | Codrops

Hey, it’s me again—Jorge Toloza! I’m the Co-Founder and Creative Director at DDS Studio. Today, I’ve got a fun idea to share that came to me while I was messing around with p5 Brush and sketching in...

Players Club: A Free Astro Template for Showcasing Music Artists | Codrops

I’ve been wanting to experiment with Astro for a while, and this little project gave me the perfect opportunity. Players Club is a proof of concept born from a collaboration with Alex Tkachev, whose...

8 Best Mouse for Programming in India 2025

Programmers have to spend a huge amount of their time on the computer and because of these long hours of mouse usage, they develop Repetitive Strain Injuries. And using a standard mouse can aggravate...

Top 5 Python Frameworks in 2025

Python has some of the most frequently used frameworks that have been chosen due to the simplicity of development and minimal learning curve. Based on the latest Stack Overflow 2020 poll, 66 percent...

How to Make The Fluffiest Grass With Three.js | Codrops

I spent over 200 hours researching how to make fluffy grass that I used in my project Elysium. I wanted to use a technique that was simple, but extremely effective and performant enough to run on...

Chris’ Corner: Offlinin’ Aint Easy

I kinda like the idea of the “minimal” service worker. Service Workers can be pretty damn complicated and the power of them honestly makes me a little nervous. They are middlemen between...

Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders | Codrops

In this tutorial, you will learn how to create a circular text animation in a 3D space using Three.js with a nice distortion effect enhanced with shaders. I am using the three-msdf-text-utils tool to...

Nim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives.

Creating animations for the web can often feel time-consuming and challenging. As animation becomes an increasingly important part of the modern web, I felt there was a need for something to make it...

Developer Spotlight: Quentin Hocdé | Codrops

Hey Codrops community, I’m Quentin, an independent interactive and creative developer with 11 years of experience. I’m based in Brussels (Belgium), and I created piecesjs. I’m passionate about...

Case Study: Gianluca Gradogna — Portfolio ’25 | Codrops

Blending Design and Photography Creating a portfolio isn’t just about displaying work it’s about sharing a story that connects on a deeper level. I feel like design and photography are parts of who I...

Particles, Progress, and Perseverance: A Journey into WebGPU Fluids | Codrops

Editor’s note: If you’ve been around the world of web graphics, you probably know Hector Arellano, a.k.a Hat—a developer who’s spent years pushing the limits of what’s possible in the browser. We...

10+ Best Web Design Tools & Resources For 2025 (Free & Paid) | Codrops

Pushing design and interaction boundaries is second nature for Codrops’ community.  However, the websites that you will be building in 2025 won’t be just about aesthetics or flashy animations. They...

Chris’ Corner: JavaScript Ecosystem Tools

I love a good exposé on how a front-end team operates. Like what technology they use, why, and how, particularly when there are pain points and journeys through them. Jim Simon of Reddit wrote one a...

Fractals to Forests – Creating Realistic 3D Trees with Three.js | Codrops

Ever since I started programming at the young age of 14, I’ve been fascinated by how code can be used to simulate the real world. In my sophomore year of university, I challenged myself with trying to...

Developer Spotlight: Mario Sanchez Maselli

Hi everyone, I feel super happy to be here. It’s been about ten years since I started reading this magazine. And I’m truly honoured to share my experiences with you. My name is Mario, a Guatemalan...

WebGL Shader Techniques for Dynamic Image Transitions | Codrops

WebGL shaders give us incredible control over 3D objects, allowing us to creatively color each pixel and position vertices in 3D space. In this article, we’ll harness that power to create a unique...

The Journey of Creating a 3D Portfolio | Codrops

In this behind-the-scenes, Merouane Bali takes us through the journey of creating his portfolio project—a 3D web design that blends interactive experiences with user engagement. He shares the...

Chris’ Corner: HTML

HTML is fun to think about. The old classic battle of “HTML is a programming language” has surfaced in the pages of none other than WIRED magazine. I love this argument, not even for...

VFX-JS: WebGL Effects Made Easy | Codrops

Hi 👋 My name is Amagi, a freelance frontend developer based in Vancouver. Recently I released a library named VFX-JS, which allows you to add fancy visual effects to your projects. With VFX-JS, you...