<?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>Wed, 29 Apr 2026 10:25:48 +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>Between Human and Machine: Sofia Papadopoulou’s Approach to Augmented Creativity</title>
		<link>https://tympanus.net/codrops/2026/04/29/between-human-and-machine-sofia-papadopoulous-approach-to-augmented-creativity/</link>
		
		<dc:creator><![CDATA[Sofia Papadopoulou]]></dc:creator>
		<pubDate>Wed, 29 Apr 2026 10:25:46 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Designer Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114830</guid>

					<description><![CDATA[From painting to immersive design, Sofia Papadopoulou’s path reflects a constant evolution across mediums.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/TERRADACTYL-low-2.mp4?x52978" length="5153351" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/SOFIA_low-1.mp4?x52978" length="4993834" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/SOFFIA_03-LOW.mp4?x52978" length="4283908" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/Dot-Lung_Website-1.mp4?x52978" length="5601421" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/DOT.mp4?x52978" length="1122478" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/MAD-BRAND_IDENTITY.mp4?x52978" length="1067699" type="video/mp4" />

			</item>
		<item>
		<title>More Than a Portfolio: Building a Scroll-Driven 3D World with Something to Say</title>
		<link>https://tympanus.net/codrops/2026/04/28/more-than-a-portfolio-building-a-scroll-driven-3d-world-with-something-to-say/</link>
		
		<dc:creator><![CDATA[Joseph Santamaria]]></dc:creator>
		<pubDate>Tue, 28 Apr 2026 14:51:37 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114641</guid>

					<description><![CDATA[A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/demo-test-and-error-720-comp.mp4?x52978" length="6027325" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/demo-scroll-driven-720-comp.mp4?x52978" length="2786933" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/The_Tesseract_Unfolding_720.mp4?x52978" length="1278449" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/The_Gospel_1080.mp4?x52978" length="5647270" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/contact_menu_720.mp4?x52978" length="493545" type="video/mp4" />

			</item>
		<item>
		<title>Rhumb Studio: Small but Mighty, Shaped by Curiosity</title>
		<link>https://tympanus.net/codrops/2026/04/27/rhumb-studio-small-but-mighty-shaped-by-curiosity/</link>
		
		<dc:creator><![CDATA[Rhumb Studio]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 14:10:56 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Studio/Agency Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=113976</guid>

					<description><![CDATA[A two-person studio working between Bristol and Paris, redefining web design by crafting immersive, spatial experiences that feel less like pages and more like places.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/speaker.mp4?x52978" length="6456544" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/reel-1600x1200-1.mp4?x52978" length="7208725" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/loop.mp4?x52978" length="707164" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/rhumb.mp4?x52978" length="4535561" type="video/mp4" />

			</item>
		<item>
		<title>Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders</title>
		<link>https://tympanus.net/codrops/2026/04/24/susurrus-crafting-a-cozy-watercolor-world-with-three-js-and-shaders/</link>
		
		<dc:creator><![CDATA[Xianyao Wei]]></dc:creator>
		<pubDate>Fri, 24 Apr 2026 10:33:56 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[postprocessing]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=113145</guid>

					<description><![CDATA[A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/susurrus-short-video.mp4?x52978" length="3805379" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/0414.mp4?x52978" length="4319705" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/spawn.mp4?x52978" length="5863540" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/dissssolve.mp4?x52978" length="5508505" type="video/mp4" />

			</item>
		<item>
		<title>Building 4WIDE: Turning Distortion, Blur, and Motion into a Coherent Experience</title>
		<link>https://tympanus.net/codrops/2026/04/23/building-4wide-turning-distortion-blur-and-motion-into-a-coherent-experience/</link>
		
		<dc:creator><![CDATA[Tomoya Okada]]></dc:creator>
		<pubDate>Thu, 23 Apr 2026 14:30:05 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=113949</guid>

					<description><![CDATA[A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing clarity and performance.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/about.mp4?x52978" length="293503" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/ss.mp4?x52978" length="1863464" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/home.mp4?x52978" length="382330" type="video/mp4" />

			</item>
		<item>
		<title>A Playful Clip Menu with GSAP&#8217;s easeReverse</title>
		<link>https://tympanus.net/codrops/2026/04/22/a-playful-clip-menu-with-gsaps-easereverse/</link>
		
		<dc:creator><![CDATA[Manoela Ilic]]></dc:creator>
		<pubDate>Wed, 22 Apr 2026 15:18:38 +0000</pubDate>
				<category><![CDATA[Playground]]></category>
		<category><![CDATA[clip-path]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[menu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114731</guid>

					<description><![CDATA[A playful GSAP menu demo exploring how easeReverse makes reversed UI animations feel smoother, snappier, and more intentional.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/EaseReverseGSAP.mp4?x52978" length="1297868" type="video/mp4" />

			</item>
		<item>
		<title>False Earth: From WebGL Limits to a WebGPU-Driven World</title>
		<link>https://tympanus.net/codrops/2026/04/21/false-earth-from-webgl-limits-to-a-webgpu-driven-world/</link>
		
		<dc:creator><![CDATA[Ming Jyun Hung]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 15:37:48 +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[WebGL]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=109307</guid>

					<description><![CDATA[A deep dive into building an infinite procedural landscape using WebGPU and Three.js, where compute shaders and indirect drawing bring millions of interactive grass blades to life.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/drift_reel-v2-1080p.mp4?x52978" length="18646972" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/vat_flowers.mp4?x52978" length="55963383" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/procedural_grass_demo-1080p.mp4?x52978" length="72846640" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-snapping-1080p-1.mp4?x52978" length="25396007" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-voronoi-1080p.mp4?x52978" length="18805294" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-bending.mp4?x52978" length="649856" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-sway.mp4?x52978" length="1141682" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-view-1080p.mp4?x52978" length="1492463" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-interaction-1080p.mp4?x52978" length="3303486" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-wave-1080p.mp4?x52978" length="4240263" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-grass-render-1080p-1.mp4?x52978" length="625152" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-flower-1080p.mp4?x52978" length="6368386" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-culling-1080p.mp4?x52978" length="14184019" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-lod-1080p.mp4?x52978" length="54649377" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-lod-noise-1080p.mp4?x52978" length="31396601" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/demo-postprocessing-1080p.mp4?x52978" length="1487689" type="video/mp4" />

			</item>
		<item>
		<title>Interactive Storytelling for the Web: Building Immersive Stories with Timelines, 3D, and Layered Scenes</title>
		<link>https://tympanus.net/codrops/2026/04/20/interactive-storytelling-for-the-web-building-immersive-stories-with-timelines-3d-and-layered-scenes/</link>
		
		<dc:creator><![CDATA[Bjørn Fjellstad]]></dc:creator>
		<pubDate>Mon, 20 Apr 2026 09:22:47 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Instorier]]></category>
		<category><![CDATA[scroll]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=108644</guid>

					<description><![CDATA[A step by step tutorial on creating an immersive Moon story in <a href="https://instorier.com?ref=codrops">Instorier</a> with motion, interaction, and 3D scene building.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/full-story.mp4?x52978" length="8887886" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/02-Building-story-sections-1.mp4?x52978" length="6483072" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/03-How-to-add-a-background-element.mp4?x52978" length="11332361" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/04-How-to-add-a-Moon-scene.mp4?x52978" length="19583020" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/Screen-Recording-2026-02-09-at-14.54.41.mp4?x52978" length="4794640" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/Screen-Recording-2026-02-09-at-15.08.00.mp4?x52978" length="4052103" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/02/05-final-360-hab.mp4?x52978" length="3901218" type="video/mp4" />

			</item>
		<item>
		<title>The Art of Complex Motion: Corentin Bernadou’s World of Shaders and Experimentation</title>
		<link>https://tympanus.net/codrops/2026/04/16/the-art-of-complex-motion-corentin-bernadous-world-of-shaders-and-experimentation/</link>
		
		<dc:creator><![CDATA[Corentin Bernadou]]></dc:creator>
		<pubDate>Thu, 16 Apr 2026 13:52:04 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Developer Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114125</guid>

					<description><![CDATA[A story of how sharing experiments, studying shaders, and pushing animation further helped shape a distinct motion practice.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/moving-portraits_1-1.mp4?x52978" length="1012728" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/moving-portraits_5.mp4?x52978" length="4416403" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/spiral-of-sight.mp4?x52978" length="6700146" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/ruby-campbell_3.mp4?x52978" length="6878323" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/through-the-frames.mp4?x52978" length="5301314" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/flow-of-portraits.mp4?x52978" length="1872627" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/tg-7th-flow-of-sound.mp4?x52978" length="3480347" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/WebGL_Motion-Geometries-4K.mp4?x52978" length="8283258" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/Motion-Geometries_2.mp4?x52978" length="5461359" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/WebGL_Motion-Geometries-Optimized.mp4?x52978" length="7350971" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/WebGL_Circle-Optimized.mp4?x52978" length="6570344" type="video/mp4" />

			</item>
		<item>
		<title>They Call Me Giulio: The Making of a Cinematic Cyberpunk Portfolio</title>
		<link>https://tympanus.net/codrops/2026/04/14/they-call-me-giulio-the-making-of-a-cinematic-cyberpunk-portfolio/</link>
		
		<dc:creator><![CDATA[Giulio Collesei]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 13:56:42 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[portfolio]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=113157</guid>

					<description><![CDATA[A deep dive into four cinematic scenes, exploring how film-inspired ideas evolved into a cohesive and immersive portfolio experience.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/scene-one-1.mp4?x52978" length="4663772" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/scene-two.mp4?x52978" length="7981380" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/scene-three.mp4?x52978" length="14148747" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/scene-four.mp4?x52978" length="1829344" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/figma_file.mp4?x52978" length="7115530" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/Screencast-From-2026-03-31-12-01-09-022.5-031.8.mp4?x52978" length="7951266" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/text_effect.mp4?x52978" length="2981470" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/03/Bleeding-Seconds.mp3?x52978" length="4490340" type="audio/mpeg" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/section-transition.mp4?x52978" length="3528443" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/loading-dolly.mp4?x52978" length="2337922" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/Screencast-From-2026-04-02-11-14-13-0-01.8-0-08.mp4?x52978" length="5863719" 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 101/110 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-05-01 10:55:48 by W3 Total Cache
-->