<?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>Mon, 14 Sep 2026 11:30:12 +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>Making the Internet a Bit Less Sh*t: Inside Resn&#8217;s Digital Experiences</title>
		<link>https://tympanus.net/codrops/2026/09/14/inside-resns-digital-experiences/</link>
		
		<dc:creator><![CDATA[resn]]></dc:creator>
		<pubDate>Mon, 14 Sep 2026 11:30:10 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Studio/Agency Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120940</guid>

					<description><![CDATA[A look at how Resn combines brand, content, technology and a healthy disregard for boring websites to create digital experiences people actually want to explore.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Awwwards_SquareSpace_1.mp4?x57826" length="983792" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Highlight-1-main-scroll.mp4?x57826" length="4289824" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Video-01.mp4?x57826" length="2992748" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/element-3.mp4?x57826" length="3800552" type="video/mp4" />

			</item>
		<item>
		<title>Building Depth: Designing and Developing a 3D Renderer Inside Figma</title>
		<link>https://tympanus.net/codrops/2026/09/13/building-depth-designing-and-developing-a-3d-renderer-inside-figma/</link>
		
		<dc:creator><![CDATA[Aleksei Kipin]]></dc:creator>
		<pubDate>Sun, 13 Sep 2026 11:34:39 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[figma]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120036</guid>

					<description><![CDATA[A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/demo_mvp.mp4?x57826" length="4777603" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/depth_demo.mp4?x57826" length="1415474" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/hero_demo-2.mp4?x57826" length="9423704" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/materials_demo.mp4?x57826" length="20824391" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/light_demo.mp4?x57826" length="102590565" type="video/mp4" />

			</item>
		<item>
		<title>Yestalgia: Bringing Decathlon’s ’90s Spirit to Life Through a Playful Digital Experience</title>
		<link>https://tympanus.net/codrops/2026/09/12/yestalgia-bringing-decathlons-90s-spirit-to-life-through-a-playful-digital-experience/</link>
		
		<dc:creator><![CDATA[Quentin Hocdé and Jonathan Da Costa]]></dc:creator>
		<pubDate>Sat, 12 Sep 2026 08:40:31 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[rive]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120892</guid>

					<description><![CDATA[A closer look at how Yestalgia brings Decathlon’s ’90s-inspired vision to the web through art direction, interaction, animation, and creative development.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Decathlon-Yestalgia-Promotion.mp4?x57826" length="9414807" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Menu.mp4?x57826" length="4926286" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/anim-1.mp4?x57826" length="3422744" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/anim-2.mp4?x57826" length="3346716" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/menu-1.mp4?x57826" length="4659321" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/tape.mp4?x57826" length="83974" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/titles.mp4?x57826" length="2274894" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/anim_2.mp4?x57826" length="3346716" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/anim-1-1.mp4?x57826" length="3422744" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/intro-satellite-timeline.mp4?x57826" length="1625694" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Enregistrement_de_lecran_2026-07-24_a_11.44.04.mp4?x57826" length="11064892" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Lookbook.mp4?x57826" length="3918810" type="video/mp4" />

			</item>
		<item>
		<title>Inside the First Three.js Conference in Paris</title>
		<link>https://tympanus.net/codrops/2026/09/10/inside-the-first-three-js-conference-in-paris/</link>
		
		<dc:creator><![CDATA[Manoela Ilic]]></dc:creator>
		<pubDate>Thu, 10 Sep 2026 08:30:11 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[Three.js]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120726</guid>

					<description><![CDATA[A look inside the first-ever Three.js Conference, straight from Paris.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Three.js-Conf-Coverage01-1.mp4?x57826" length="27406837" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/badge_socials.mp4?x57826" length="14978286" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/cassie_badge.mp4?x57826" length="3787820" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/lighnting01.mp4?x57826" length="7406509" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/lighnting02.mp4?x57826" length="3225760" type="video/mp4" />

			</item>
		<item>
		<title>Turning Names Into Digital Architecture with Three.js</title>
		<link>https://tympanus.net/codrops/2026/09/09/turning-names-into-digital-architecture-with-three-js/</link>
		
		<dc:creator><![CDATA[Serhii Polyvanyi]]></dc:creator>
		<pubDate>Wed, 09 Sep 2026 17:55:00 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Three.js]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120596</guid>

					<description><![CDATA[For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/01.-Color.mp4?x57826" length="27291768" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/03.-Name.mp4?x57826" length="19393422" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/03.-Name-1.mp4?x57826" length="19393422" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/04.-Sound-2.mp4?x57826" length="13251873" type="video/mp4" />

			</item>
		<item>
		<title>Still: From Akira to Ink Wash, Building a Generative Garden in WebGPU</title>
		<link>https://tympanus.net/codrops/2026/09/09/still-from-akira-to-ink-wash-building-a-generative-garden-in-webgpu/</link>
		
		<dc:creator><![CDATA[Ming Jyun Hung]]></dc:creator>
		<pubDate>Wed, 09 Sep 2026 14:11:57 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[procedural]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[TSL]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=119730</guid>

					<description><![CDATA[A technical deep dive into Still, exploring how WebGPU, procedural systems, and Japanese art influences come together to create a living generative garden.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-intro-fast-1080p.mp4?x57826" length="24107670" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-toon-1080p.mp4?x57826" length="160672" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-shadow-1080p.mp4?x57826" length="123961" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-shadow-on-character-1080p.mp4?x57826" length="5959319" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-silk-1080p.mp4?x57826" length="1219724" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-flower-1080p.mp4?x57826" length="1691077" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-stem-1080p.mp4?x57826" length="1290661" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-leaf-1080p.mp4?x57826" length="1164915" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-field-1080p.mp4?x57826" length="26116448" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/demo-tendril-1080p.mp4?x57826" length="1808104" type="video/mp4" />

			</item>
		<item>
		<title>Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSL</title>
		<link>https://tympanus.net/codrops/2026/09/08/building-an-infinite-liquid-glass-grid-with-three-js-webgpu-and-tsl/</link>
		
		<dc:creator><![CDATA[Filip Kantedal]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 13:09:48 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[glass]]></category>
		<category><![CDATA[infinite]]></category>
		<category><![CDATA[React Three Fiber]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[TSL]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120372</guid>

					<description><![CDATA[An exploration of infinite grids, liquid glass, and video refraction using Three.js, WebGPU, TSL, and custom shaders.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen-Recording-2026-08-18-at-17.39.58.mp4?x57826" length="28989642" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen-Recording-2026-09-03-at-14.47.08.mp4?x57826" length="1039976" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen-Recording-2026-09-03-at-15.05.04.mp4?x57826" length="2954711" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen-Recording-2026-09-03-at-01.19.00.mp4?x57826" length="18559386" type="video/mp4" />

			</item>
		<item>
		<title>Drawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU</title>
		<link>https://tympanus.net/codrops/2026/09/07/drawing-with-light-an-exploration-of-lit-gpu-tubes-with-tsl-and-webgpu/</link>
		
		<dc:creator><![CDATA[Mathis Biabiany]]></dc:creator>
		<pubDate>Mon, 07 Sep 2026 14:01:56 +0000</pubDate>
				<category><![CDATA[Playground]]></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=119685</guid>

					<description><![CDATA[How a meshline habit turned into a tube renderer, and the three ways I got the maths wrong along the way.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/6.mp4?x57826" length="2158801" type="video/mp4" />

			</item>
		<item>
		<title>Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js</title>
		<link>https://tympanus.net/codrops/2026/09/06/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js/</link>
		
		<dc:creator><![CDATA[Marek Jóźwiak]]></dc:creator>
		<pubDate>Sun, 06 Sep 2026 13:09:52 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[MediaPipe]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[Threlte]]></category>
		<category><![CDATA[webcam]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120430</guid>

					<description><![CDATA[Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/facemask_demo.mp4?x57826" length="2644718" type="video/mp4" />

			</item>
		<item>
		<title>Building an Infinite Loom: Unravelling Images into Threads with Three.js</title>
		<link>https://tympanus.net/codrops/2026/09/05/building-an-infinite-loom-unravelling-images-into-threads-with-three-js/</link>
		
		<dc:creator><![CDATA[Clément Grellier]]></dc:creator>
		<pubDate>Sat, 05 Sep 2026 12:50:25 +0000</pubDate>
				<category><![CDATA[Playground]]></category>
		<category><![CDATA[marquee]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120129</guid>

					<description><![CDATA[An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/08/Unwovenaninfiniteloomofimages-GoogleChrome2026-08-3115-55-54-ezgif.com-crop-video.mp4?x57826" length="4665629" 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 66/80 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-09-14 13:49:10 by W3 Total Cache
-->