<?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>Sat, 12 Sep 2026 08:40:34 +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>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>
		<item>
		<title>Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js</title>
		<link>https://tympanus.net/codrops/2026/09/04/beyond-the-luminance-ramp-a-shape-aware-ascii-renderer-in-three-js/</link>
		
		<dc:creator><![CDATA[Edoardo Lunardi]]></dc:creator>
		<pubDate>Fri, 04 Sep 2026 15:01:38 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[ASCII]]></category>
		<category><![CDATA[draggable]]></category>
		<category><![CDATA[shaders]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120018</guid>

					<description><![CDATA[The Codrops mark, rebuilt as a draggable solid and printed in ASCII on the GPU, where every character cell searches 95 glyphs for its own.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/split_smaller.mp4?x57826" length="8921076" type="video/mp4" />

			</item>
		<item>
		<title>From Rays to Meshes: Building Vercel’s Prism with vgpu</title>
		<link>https://tympanus.net/codrops/2026/09/03/from-rays-to-meshes-building-vercels-prism-with-vgpu/</link>
		
		<dc:creator><![CDATA[Matias Gonzalez Fernandez]]></dc:creator>
		<pubDate>Thu, 03 Sep 2026 16:01:06 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[glsl]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=120377</guid>

					<description><![CDATA[A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/prism.mp4?x57826" length="3029076" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen_Recording_2026-06-25_at_11.52.05_AM.mp4?x57826" length="3048639" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen_Recording_2026-08-31_at_1.05.04_PM.mp4?x57826" length="3772937" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen_Recording_2026-08-31_at_1.06.50_PM.mp4?x57826" length="2476760" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/09/Screen_Recording_2026-08-29_at_8.25.20_PM.mp4?x57826" length="2376612" 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 64/82 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-12 10:59:50 by W3 Total Cache
-->