Codrops
  • All Posts
  • Demos Hub
  • Webzibition

3DReact Three FiberThree.jsWebGL

Origami: 12 Free Animated 3D Objects

In Playground, Jul 30, 2024 by deadrabbbbit

A set of twelve free 3D animations created with React Three Fiber and GSAP.

inspirationroundupwebsite

Inspirational Websites Roundup #63

In Websites Roundups, Jul 27, 2024 by Manoela Ilic

A fresh compilation of the most impressive and innovative website designs from recent weeks.

Case StudiesThree.jsWebGL

Case Study: Rogier de Boevé Portfolio — 2024

In Articles, Jul 26, 2024 by Rogier de Boevé

Insights into the creative process and technical details behind the portfolio of Rogier de Boevé, a Belgium-based creative developer and digital designer.

thumbnail
inspiration

On Ne Change Pas: The Creative Work Process Behind a Stunning UI Animation

In Articles, Jul 23, 2024 by Alex Tkachev

In this article, we take you behind the scenes to explore the creation process of an intriguing animation.

glslscrollThree.jsWebGL

How to Create Distortion and Grain Effects on Scroll with Shaders in Three.js

In Tutorials, Jul 18, 2024 by Jan Kohlbach

Learn how to create distortion and grain effects on scroll using Three.js shaders, syncing HTML images with WebGL.

React Three FiberThree.jsTSLWebGL

How to Create a Liquid Raymarching Scene Using Three.js Shading Language

In Tutorials, Jul 15, 2024 by Ben McCormick

An introduction to Raymarching using the power of Signed Distance Fields (SDFs) and simple lighting to create a liquid shape effect.

React Three FiberThree.jsWebGL

Creating an Animated Displaced Sphere with a Custom Three.js Material

In Tutorials, Jul 9, 2024 by Pavel Mazhuga

Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber.

inspirationroundupwebsite

Inspirational Websites Roundup #62

In Websites Roundups, Jul 5, 2024 by Manoela Ilic

A brand new collection of the most inspiring website designs from the past couple of weeks.

no more boring stock. a collage of lummi images in the background

Lummi: Say Goodbye to Boring Stock Photos Forever

In Articles, Jul 4, 2024 by Pablo Stanley

Lummi is ending the era of boring stock photos by enhancing creative workflows with high-quality, royalty-free, AI-generated images. Dive in and learn how Lummi is going to help you create captivating and unique designs and change the way you create.

inspirationMotion Designroundup

UI Interactions & Animations Roundup #45

In UI Interactions and Animations Roundups, Jul 3, 2024 by Manoela Ilic

A fresh selection of motion design and animation inspiration from Dribbble.

blurglslOGLscrollWebGL

Progressive Blur Effect using WebGL with OGL and GLSL Shaders

In Tutorials, Jul 2, 2024 by Jorge Toloza

Learn how to create an interesting progressive blur effect using WebGL, OGL, and GLSL shaders.

Meco
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Try it, unclutter your inbox.
Creative Coding Club
GSAP3: Beyond the Basics Ready to take your GSAP3 skills to the next level? Learn "must know" features of GSAP3 that will open your eyes to new ways of creating and controlling your animations. Use "cdrps" for 20% off!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Subscribe
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • LinkedIn
  • Instagram
  • X (Twitter)
  • Bluesky
  • Facebook
  • Telegram
  • RSS Feed
  • GitHub
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo