<?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>Fri, 10 Jul 2026 13:32:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques</title>
		<link>https://tympanus.net/codrops/2026/07/10/the-sleepers-creating-an-atmospheric-webgl-experience-with-lightweight-techniques/</link>
		
		<dc:creator><![CDATA[Thibaut Foussard]]></dc:creator>
		<pubDate>Fri, 10 Jul 2026 13:31:58 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=115335</guid>

					<description><![CDATA[From swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/intro.mp4?x23502" length="436764" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/2026-05-08_22-26-10.mp4?x23502" length="25817615" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/chunks.mp4?x23502" length="2090555" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/tlk.mp4?x23502" length="1281528" type="video/mp4" />

			</item>
		<item>
		<title>Building an Interactive Wave Propagation Cube Grid with Three.js</title>
		<link>https://tympanus.net/codrops/2026/07/09/building-an-interactive-wave-propagation-cube-grid-with-three-js/</link>
		
		<dc:creator><![CDATA[Franky Hung]]></dc:creator>
		<pubDate>Thu, 09 Jul 2026 10:06:11 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[cube]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116781</guid>

					<description><![CDATA[A tutorial on how to create a minimalistic and customizable 3D wave grid background with Three.js.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/07/franky_socials.mp4?x23502" length="5065783" type="video/mp4" />

			</item>
		<item>
		<title>Ten Years Away: Designing an Interactive Comic for Studio375&#8217;s Tenth Anniversary</title>
		<link>https://tympanus.net/codrops/2026/07/08/ten-years-away-designing-an-interactive-comic-for-studio375s-tenth-anniversary/</link>
		
		<dc:creator><![CDATA[Daniel Bassan]]></dc:creator>
		<pubDate>Wed, 08 Jul 2026 10:32:42 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116812</guid>

					<description><![CDATA[The story behind "Ten Years Away", a scroll-driven interactive comic created to celebrate Studio375's tenth anniversary, from its printed origins to its WebGL implementation.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/tya-year-scroll.mp4?x23502" length="4264448" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/tya-year-transition.mp4?x23502" length="1663828" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/tya-book-navigation.mp4?x23502" length="3640463" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/tya-mouse-trail.mp4?x23502" length="4559549" type="video/mp4" />

			</item>
		<item>
		<title>Building a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP</title>
		<link>https://tympanus.net/codrops/2026/07/07/building-a-scroll-driven-3d-gallery-using-a-blender-camera-path-with-three-js-and-gsap/</link>
		
		<dc:creator><![CDATA[Gaspard Hedde]]></dc:creator>
		<pubDate>Tue, 07 Jul 2026 13:37:56 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[blender]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[scroll]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=117076</guid>

					<description><![CDATA[Build a cinematic, scroll-driven 3D gallery using a camera path authored in Blender, rendered with Three.js, and animated with GSAP.]]></description>
		
		
		
			</item>
		<item>
		<title>From Years of Client Work to a Next.js + Sanity Starter Kit</title>
		<link>https://tympanus.net/codrops/2026/07/02/from-years-of-client-work-to-a-next-js-sanity-starter-kit/</link>
		
		<dc:creator><![CDATA[Edoardo Lunardi]]></dc:creator>
		<pubDate>Thu, 02 Jul 2026 10:21:00 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[headless]]></category>
		<category><![CDATA[Next.js]]></category>
		<category><![CDATA[Sanity]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116990</guid>

					<description><![CDATA[How years of refining my workflow became a headless foundation other developers can build on.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/raw-0_smaller.mp4?x23502" length="5307553" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/07/raw-1_smaller.mp4?x23502" length="2634074" type="video/mp4" />

			</item>
		<item>
		<title>Sculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court</title>
		<link>https://tympanus.net/codrops/2026/07/01/sculpting-a-digital-athlete-capturing-stefanos-tsitsipas-beyond-the-court/</link>
		
		<dc:creator><![CDATA[OFF+BRAND]]></dc:creator>
		<pubDate>Wed, 01 Jul 2026 10:13:35 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[blender]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116943</guid>

					<description><![CDATA[Explore the complete 3D workflow behind Stefanos Tsitsipas' digital character, from photogrammetry and rigging to animation and WebGL optimization.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/RemapUVs3.mp4?x23502" length="6022415" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Join-Objects2.mp4?x23502" length="655018" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Mixamo2.mp4?x23502" length="16441500" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Rig4.mp4?x23502" length="730999" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Marvelous-Designer-1.mp4?x23502" length="4701995" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/MarvelousDesigner.mp4?x23502" length="25074600" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/beforeStef.mp4?x23502" length="2033923" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/NewStef.mp4?x23502" length="3367623" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/UVsEdit-Marvelous-Designer.mp4?x23502" length="6238231" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Substance-Painter-Tests-1.mp4?x23502" length="4579090" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Racket.mp4?x23502" length="1332076" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Zbrush.mp4?x23502" length="2436796" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Blender_Importation.mp4?x23502" length="1246151" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/MDD.mp4?x23502" length="7739807" type="video/mp4" />

			</item>
		<item>
		<title>Building Persistent Page Transitions with WebGPU and Vanilla JavaScript</title>
		<link>https://tympanus.net/codrops/2026/06/30/building-persistent-page-transitions-with-webgpu-and-vanilla-javascript/</link>
		
		<dc:creator><![CDATA[Ben Paine]]></dc:creator>
		<pubDate>Tue, 30 Jun 2026 09:35:41 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[page transition]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116944</guid>

					<description><![CDATA[A step-by-step tutorial showing how to build seamless GPU-powered page transitions by combining a persistent WebGPU scene, DOM tracking, and a lightweight vanilla JavaScript router.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/tutorial-video-5mb.mp4?x23502" length="4921424" type="video/mp4" />

			</item>
		<item>
		<title>Inside Bisous: Designing an Editorial Experience for Cinematic CGI</title>
		<link>https://tympanus.net/codrops/2026/06/29/inside-bisous-designing-an-editorial-experience-for-cinematic-cgi/</link>
		
		<dc:creator><![CDATA[Beaucoup]]></dc:creator>
		<pubDate>Mon, 29 Jun 2026 10:05:45 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=115533</guid>

					<description><![CDATA[A behind-the-scenes look at how editorial composition, purposeful motion, and minimalist design create a portfolio that lets cinematic CGI take the spotlight.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/Bisous-showreel_small-V1.mp4?x23502" length="30099220" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_Loader.mp4?x23502" length="3221223" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_Home-slider.mp4?x23502" length="5265287" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_Title.mp4?x23502" length="14674430" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_Switch_project.mp4?x23502" length="4318975" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_Next_project.mp4?x23502" length="4754936" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_Hover.mp4?x23502" length="18176546" type="video/mp4" />

			</item>
		<item>
		<title>Engineering the Web Experience Behind Shopify&#8217;s Spring &#8217;26 Edition: Everywhere</title>
		<link>https://tympanus.net/codrops/2026/06/26/engineering-the-web-experience-behind-shopifys-spring-26-edition-everywhere/</link>
		
		<dc:creator><![CDATA[Andy Thelander]]></dc:creator>
		<pubDate>Fri, 26 Jun 2026 09:34:40 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[React Three Fiber]]></category>
		<category><![CDATA[shopify]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116711</guid>

					<description><![CDATA[A detailed look at the rendering architecture, custom tooling, and performance techniques behind Shopify's Spring '26 Edition: Everywhere.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Shopify01.mp4?x23502" length="21605655" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/shopify2.mp4?x23502" length="20242283" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Screen-Recording-2026-06-16-at-5.08.22-PM.mp4?x23502" length="21789636" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Screen_Recording_2026-05-26_at_9.03.00_PM.mp4?x23502" length="348348" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Screen_Recording_2026-06-09_at_10.50.39_AM.mp4?x23502" length="553659" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/Screen_Recording_2026-06-10_at_12.21.56_PM.mp4?x23502" length="1451989" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/F0B80TH4Q4C1.mp4?x23502" length="1491256" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/b-generation.mp4?x23502" length="3525706" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/c-pointclouds.mp4?x23502" length="4983071" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/06/a-volume-1.mp4?x23502" length="13066593" type="video/mp4" />

			</item>
		<item>
		<title>Shaping Stories into Experience: The Work of Kevin Lam</title>
		<link>https://tympanus.net/codrops/2026/06/25/shaping-stories-into-experience-the-work-of-kevin-lam/</link>
		
		<dc:creator><![CDATA[Kevin Lam]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 12:33:23 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Designer Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=116190</guid>

					<description><![CDATA[A spotlight on Brisbane-based designer Kevin Lam, and his practice of turning brand stories into soulful experiences across digital, print and motion.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/Odyssee-Sphere.mp4?x23502" length="24006272" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1197208102/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;signature=4325b44d2d049f460ded8f0f954cc6974404cd468e589e76951db48f9eee5d80" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1197208100/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;signature=20ebcc46bfcad6abfe97afd4fe7218a49b3084150521c55d611443d8fc46ea5b" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196666290/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;signature=5114ebca2c2dac62136a1ecdacb0873b215170fd13c46b31049ba7c10b20e162" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196337472/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;log_user=0&#038;signature=e16dd16007e0cbc1dbf7ab5c02262122e541ce50bb2d1426c9cd56954c260ddd" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196341936/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;log_user=0&#038;signature=6a26d59a22d052b4ed7cec9110ab7ee6cf53c5d2cf7b1e3a920407789cad82a1" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196946569/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;signature=dc1ec98b875afa280b5bf01881fa80832ef286d8b8762b4b1375853d269007a6" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196946568/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;signature=875b9f20476f288700cfaccc987e3f712de1c3657162ebb64191bc793d972101" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1197215139/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;signature=ca10a0a90271462b1eafa17aab57bd490a92a1f2f11d6e4248597a1163cfbf18" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196361421/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;log_user=0&#038;signature=90b7aae8a5c4ad215cfc5574638d1e0a16a974aca1ab8a4de5d1e7678683e7b7" length="0" type="video/mp4" />
<enclosure url="https://player.vimeo.com/progressive_redirect/playback/1196373310/rendition/1440p/file.mp4%20%281440p%29.mp4?loc=external&#038;log_user=0&#038;signature=eef6bf9b7dd66de0e9ba8c83446e0918efb9c204a1c9e7ee6d07225e07a80960" length="0" 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 69/81 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-07-11 14:18:28 by W3 Total Cache
-->