<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Codrops</title>
	<atom:link href="https://tympanus.net/codrops/feed/" rel="self" type="application/rss+xml" />
	<link>https://tympanus.net/codrops</link>
	<description>Fueling web creativity since 2009</description>
	<lastBuildDate>Tue, 25 Aug 2026 10:15:17 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.7</generator>
	<item>
		<title>Building a Mouse-Following Square Lens Effect with Three.js and GLSL</title>
		<link>https://tympanus.net/codrops/2026/08/25/building-a-mouse-following-square-lens-effect-with-three-js-and-glsl/</link>
		
		<dc:creator><![CDATA[Tomoyuki Nakata]]></dc:creator>
		<pubDate>Tue, 25 Aug 2026 10:15:14 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[cursor]]></category>
		<category><![CDATA[distortion]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=119046</guid>

					<description><![CDATA[A step-by-step tutorial on using Three.js and GLSL to create a mouse-following square lens effect with image distortion, RGB shifting, and animated shader effects.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/video01-1.mp4?x57826" length="4423369" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/video02.mp4?x57826" length="1131346" type="video/mp4" />

			</item>
		<item>
		<title>Blender to Three.js and Back: 10 Tips for a Better Workflow</title>
		<link>https://tympanus.net/codrops/2026/08/24/blender-to-three-js-and-back-10-tips-for-a-better-workflow/</link>
		
		<dc:creator><![CDATA[Andrew Woan]]></dc:creator>
		<pubDate>Mon, 24 Aug 2026 13:53:35 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[blender]]></category>
		<category><![CDATA[mcp]]></category>
		<category><![CDATA[Three.js]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=117907</guid>

					<description><![CDATA[A practical collection of tips for combining AI, Blender, and Blender MCP to streamline your Three.js workflow.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/pro-tip-of-theday.mp4?x57826" length="10835743" type="video/mp4" />

			</item>
		<item>
		<title>Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs</title>
		<link>https://tympanus.net/codrops/2026/08/22/sixty-frames-for-the-record-a-three-js-game-seven-fly-throughs-and-a-wall-of-crts/</link>
		
		<dc:creator><![CDATA[Filip Zrnzevic]]></dc:creator>
		<pubDate>Sat, 22 Aug 2026 14:00:14 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[Three.js]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=119712</guid>

					<description><![CDATA[What building a Three.js lab around my own music taught me about the renderer.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/marrow-video-1.mp4?x57826" length="1365542" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/frontier-video-1-1.mp4?x57826" length="7244649" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/flue-video-1.mp4?x57826" length="2518808" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/longeron-video-1.mp4?x57826" length="3250813" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/fm-video-1.mp4?x57826" length="1785939" type="video/mp4" />

			</item>
		<item>
		<title>Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU</title>
		<link>https://tympanus.net/codrops/2026/08/20/run-rob-run-building-a-music-reactive-goo-with-three-js-and-webgpu/</link>
		
		<dc:creator><![CDATA[Robert Aperios]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 13:35:23 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[distortion]]></category>
		<category><![CDATA[gooey]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[web audio api]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=119350</guid>

					<description><![CDATA[Exploring the techniques behind an audio-reactive 3D scene, from custom geometry deformation and music analysis to scroll-driven morphing, damping, and performance optimization.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/scene-morph.mp4?x57826" length="2610535" type="video/mp4" />

			</item>
		<item>
		<title>Relighting Images with Depth Maps and Three.js</title>
		<link>https://tympanus.net/codrops/2026/08/19/relighting-images-with-depth-maps-and-three-js/</link>
		
		<dc:creator><![CDATA[Dominik Fojcik]]></dc:creator>
		<pubDate>Wed, 19 Aug 2026 14:42:19 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[TSL]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=119000</guid>

					<description><![CDATA[Explore how depth maps, TSL, and WebGPU can be combined to turn flat 2D images into dynamic surfaces with realistic lighting, surface detail, and self-shadowing.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-relightning-edit.mp4?x57826" length="2315982" type="video/mp4" />

			</item>
		<item>
		<title>Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data</title>
		<link>https://tympanus.net/codrops/2026/08/18/building-an-animated-testimonial-hero-using-the-gsap-timeline-and-dynamic-cms-data/</link>
		
		<dc:creator><![CDATA[Jonas Arleth]]></dc:creator>
		<pubDate>Tue, 18 Aug 2026 13:39:35 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[Webflow]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=118923</guid>

					<description><![CDATA[Learn how to build a dynamic testimonial hero in Webflow using CMS data, a custom JavaScript counter, and GSAP’s visual timeline.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-part1-01-1080p.mp4?x57826" length="5344201" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-part1-02-counter.mp4?x57826" length="3341488" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-part3-05.mp4?x57826" length="1801978" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-part3-02.mp4?x57826" length="2422442" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-part3-03.mp4?x57826" length="1068239" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/codrops-part3-04.mp4?x57826" length="1820906" type="video/mp4" />

			</item>
		<item>
		<title>Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story</title>
		<link>https://tympanus.net/codrops/2026/08/17/creativity-at-enterprise-scale-without-compromise-the-offbrand-story/</link>
		
		<dc:creator><![CDATA[OFF+BRAND]]></dc:creator>
		<pubDate>Mon, 17 Aug 2026 13:09:24 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Studio/Agency Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=119101</guid>

					<description><![CDATA[Telling stories on some of the biggest canvases on the web, from Awwwards Site of the Year to the front door of Microsoft.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Microsoft-video.mp4?x57826" length="3318671" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Lando-video.mp4?x57826" length="3921632" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Trevor-noah-video-1-1.mp4?x57826" length="2962085" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Trevor-noah-video-2.mp4?x57826" length="2496500" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Steven-video-1.mp4?x57826" length="3229427" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Steven-video-2.mp4?x57826" length="3859317" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Manifesto-video-.mp4?x57826" length="3754611" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Aether1-video.mp4?x57826" length="4017977" type="video/mp4" />

			</item>
		<item>
		<title>Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage</title>
		<link>https://tympanus.net/codrops/2026/08/15/inside-haoqi-design-letting-dom-and-webgl-share-a-retro-futurist-stage/</link>
		
		<dc:creator><![CDATA[Haoqi]]></dc:creator>
		<pubDate>Sat, 15 Aug 2026 13:28:53 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=118395</guid>

					<description><![CDATA[A technical look at the making of HAOQI.DESIGN, exploring scroll sync, glass shaders, and the interplay of DOM, CSS, and WebGL in a retro-futurist portfolio.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/1201.mp4?x57826" length="39740136" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/scroll_sync.mp4?x57826" length="617873" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/layer.mp4?x57826" length="7527321" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/grid-1.mp4?x57826" length="2473854" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/录屏2026-08-13-01.04.31.mp4?x57826" length="5404136" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/录屏2026-08-13-01.13.54.mp4?x57826" length="8000505" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/light_ring.mp4?x57826" length="4600920" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/beer.mp4?x57826" length="1537265" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/录屏2026-08-13-01.44.24.mp4?x57826" length="16564713" type="video/mp4" />

			</item>
		<item>
		<title>From Motion to Meaning: Denis Avramenko&#8217;s Approach to Interactive Design</title>
		<link>https://tympanus.net/codrops/2026/08/13/from-motion-to-meaning-denis-avramenkos-approach-to-interactive-design/</link>
		
		<dc:creator><![CDATA[Denis Avramenko]]></dc:creator>
		<pubDate>Thu, 13 Aug 2026 12:46:05 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Designer Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=118381</guid>

					<description><![CDATA[A behind-the-scenes look at Denis Avramenko’s creative process, exploring his approach to motion, typography, interaction, and technology through a selection of digital projects.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/be-1-1-2.mp4?x57826" length="1088559" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/dribbble-13mal-1_1-1.mp4?x57826" length="895646" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/be-7-1.mp4?x57826" length="1097873" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/be-1-1-1.mp4?x57826" length="699803" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/be-4-2.mp4?x57826" length="2206664" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/be-2-1-1.mp4?x57826" length="477606" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/be-6-1.mp4?x57826" length="1327618" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/1-2-1-6.mp4?x57826" length="460948" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/behance-stories-shot-1-1.mp4?x57826" length="2830270" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/dt_be_1-2.mp4?x57826" length="6555106" type="video/mp4" />

			</item>
		<item>
		<title>Creating an Interactive 3D Cluster with Three.js, TSL and Three Start</title>
		<link>https://tympanus.net/codrops/2026/08/12/creating-an-interactive-3d-cluster-with-three-js-tsl-and-three-start/</link>
		
		<dc:creator><![CDATA[Francesco Michelini]]></dc:creator>
		<pubDate>Wed, 12 Aug 2026 13:10:49 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[icosahedron]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[TSL]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=117948</guid>

					<description><![CDATA[A step-by-step tutorial on turning a simple icosahedron into a dynamic, interactive 3D cluster using Three.js, TSL, WebGPU, noise, interaction, and post-processing.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/07/codrops-dark-cluster-tutorial-09-1.mp4?x57826" length="232958" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/07/codrops-dark-cluster-tutorial-10.mp4?x57826" length="1149060" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/07/codrops-dark-cluster-tutorial-12.mp4?x57826" length="1413543" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/07/codrops-dark-cluster-tutorial-14.mp4?x57826" length="2919568" type="video/mp4" />

			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Object Caching 60/72 objects using Memcached
Page Caching using Disk: Enhanced (SSL caching disabled) 
Content Delivery Network via codrops-1f606.kxcdn.com
Minified using Disk

Served from: tympanus.net @ 2026-08-25 12:43:12 by W3 Total Cache
-->