<?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, 30 May 2026 13:06:25 +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 Future of Emotional Technology: Comfort Websites for Growth and Self-Awareness</title>
		<link>https://tympanus.net/codrops/2026/05/30/the-future-of-emotional-technology-comfort-websites-for-growth-and-self-awareness/</link>
		
		<dc:creator><![CDATA[Andrew Woan]]></dc:creator>
		<pubDate>Sat, 30 May 2026 13:06:23 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[Comfort Websites]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114102</guid>

					<description><![CDATA[Personalized digital spaces designed with care and emotional intention may offer a new way to support self-awareness, emotional growth, and the processing of difficult experiences in an increasingly AI-driven world.]]></description>
		
		
		
			</item>
		<item>
		<title>The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP &#038; Lenis</title>
		<link>https://tympanus.net/codrops/2026/05/28/the-never-ending-story-building-a-seamless-infinite-scroll-experience-with-gsap-lenis/</link>
		
		<dc:creator><![CDATA[Joe Ben Taylor]]></dc:creator>
		<pubDate>Thu, 28 May 2026 13:01:13 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[infinite]]></category>
		<category><![CDATA[parallax]]></category>
		<category><![CDATA[scroll]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=108074</guid>

					<description><![CDATA[Most pages end when you stop scrolling. This one doesn’t. Learn how to build a seamless infinite scroll with a layered parallax depth effect.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/LinkedIn-Video.mp4?x42294" length="1836647" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/Kapture-2026-04-27-at-00.08.50.mp4?x42294" length="8544729" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/Kapture-2026-04-27-at-00.10.14.mp4?x42294" length="2072055" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/Kapture-2026-04-27-at-00.11.54.mp4?x42294" length="4255201" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/InfiniteScrollParallax_ver.mp4?x42294" length="5039360" type="video/mp4" />

			</item>
		<item>
		<title>Whooshes, Snaps and Shaders: Adrien Vanderpotte and the Feeling of the Interface</title>
		<link>https://tympanus.net/codrops/2026/05/27/whooshes-snaps-and-shaders-adrien-vanderpotte-and-the-feeling-of-the-interface/</link>
		
		<dc:creator><![CDATA[Adrien Vanderpotte]]></dc:creator>
		<pubDate>Wed, 27 May 2026 12:43:13 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Developer Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114570</guid>

					<description><![CDATA[An exploration of the meticulously messy hunt for a project’s digital signature: the singular, reactive behavior that makes a brand feel unforgettable.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_.mp4?x42294" length="5605728" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/02_.mp4?x42294" length="3208040" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/03_.mp4?x42294" length="4979899" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/02_-2.mp4?x42294" length="2403888" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_-2.mp4?x42294" length="5373076" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/03_-2.mp4?x42294" length="4628349" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/000.mp4?x42294" length="3746866" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/02_-3.mp4?x42294" length="5109197" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/03_-3.mp4?x42294" length="69452197" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_-1.mp4?x42294" length="5459031" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/02_-1.mp4?x42294" length="5506587" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/03_-1.mp4?x42294" length="5459754" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/01_-4.mp4?x42294" length="4943111" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/02_-4.mp4?x42294" length="5615995" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/03_-4.mp4?x42294" length="4078613" type="video/mp4" />

			</item>
		<item>
		<title>Building a Scroll-Driven 3D Cube Gallery in Webflow with GSAP</title>
		<link>https://tympanus.net/codrops/2026/05/26/building-a-scroll-driven-3d-cube-gallery-in-webflow-with-gsap/</link>
		
		<dc:creator><![CDATA[Francesco Castronuovo]]></dc:creator>
		<pubDate>Tue, 26 May 2026 13:18:56 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[cube]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[scroll]]></category>
		<category><![CDATA[Webflow]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=115602</guid>

					<description><![CDATA[A step-by-step guide to building a scroll-driven 3D cube gallery in Webflow with GSAP animations and CMS-powered content.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/video_cube_demo.mp4?x42294" length="3951146" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/11.mp4?x42294" length="3409174" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/12.mp4?x42294" length="7802869" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/20-1.mp4?x42294" length="7030155" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/21.mp4?x42294" length="8287764" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/22.mp4?x42294" length="8570277" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/23.mp4?x42294" length="48412218" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/24.mp4?x42294" length="24201426" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/25.mp4?x42294" length="7149183" type="video/mp4" />

			</item>
		<item>
		<title>Creating Scroll-Driven SVG Map Animations with GSAP</title>
		<link>https://tympanus.net/codrops/2026/05/21/creating-scroll-driven-svg-map-animations-with-gsap/</link>
		
		<dc:creator><![CDATA[Tom Miller]]></dc:creator>
		<pubDate>Thu, 21 May 2026 15:22:14 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[scroll]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=115658</guid>

					<description><![CDATA[A tutorial on building cinematic scroll-driven SVG map animations with GSAP using path drawing, motion tracking, and smooth camera movement.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/MapAnimation_large.mp4?x42294" length="3425788" type="video/mp4" />

			</item>
		<item>
		<title>Made With Gsap: Building a Fun Gravity-Based Mouse Trail</title>
		<link>https://tympanus.net/codrops/2026/05/20/made-with-gsap-building-a-fun-gravity-based-mouse-trail/</link>
		
		<dc:creator><![CDATA[Made With Gsap]]></dc:creator>
		<pubDate>Wed, 20 May 2026 12:24:26 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[Motion Trail]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=115661</guid>

					<description><![CDATA[A creative GSAP experiment where images cascade from the mouse position and rebound off the bottom of the screen with satisfying motion.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/Mousetrail-Codrops.mp4?x42294" length="7089132" type="video/mp4" />

			</item>
		<item>
		<title>80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline</title>
		<link>https://tympanus.net/codrops/2026/05/19/80s-business-tech-seamless-scene-transitions-inside-shader-ses-scroll-driven-webgpu-pipeline/</link>
		
		<dc:creator><![CDATA[Filip Kantedal]]></dc:creator>
		<pubDate>Tue, 19 May 2026 10:52:42 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[React Three Fiber]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[webgpu]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=115509</guid>

					<description><![CDATA[How we built the scroll-driven WebGPU pipeline behind Shader.se, from selective scene rendering to seamless scene transitions using React Three Fiber.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/full-small.mp4?x42294" length="4960292" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/shredder.mp4?x42294" length="1078799" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/handshake_transition.mp4?x42294" length="2407953" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/hero_transition.mp4?x42294" length="3119027" type="video/mp4" />

			</item>
		<item>
		<title>Merlin: The Code Boutique Turning Motion Into Digital Magic</title>
		<link>https://tympanus.net/codrops/2026/05/18/merlin-the-code-boutique-turning-motion-into-digital-magic/</link>
		
		<dc:creator><![CDATA[Merlin]]></dc:creator>
		<pubDate>Mon, 18 May 2026 12:12:05 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Studio/Agency Spotlight]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114762</guid>

					<description><![CDATA[A code boutique from Amsterdam crafting high-performance digital experiences where motion, technology, and design become one seamless language.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/1687987976-eurovision_01.mp4?x42294" length="2335863" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/1686734424-eurovision_03.mp4?x42294" length="6489167" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/1764057486-merlin.mp4?x42294" length="19724641" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/1764067602-1125-1.mp4?x42294" length="23612300" type="video/mp4" />

			</item>
		<item>
		<title>Designing Ourselves: The New Obys Identity and Website</title>
		<link>https://tympanus.net/codrops/2026/05/14/designing-ourselves-the-new-obys-identity-and-website/</link>
		
		<dc:creator><![CDATA[Obys]]></dc:creator>
		<pubDate>Thu, 14 May 2026 10:37:01 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[case study]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114394</guid>

					<description><![CDATA[An inside look at the new Obys – from rethinking our identity to building a system where type, motion, and structure work as one, shaping a more precise and consistent experience.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/Obys_Shot_1.mp4?x42294" length="4775005" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/Obys_Shot_3.mp4.mp4?x42294" length="2765040" type="video/mp4" />

			</item>
		<item>
		<title>Exploring the HTML-in-Canvas Proposal</title>
		<link>https://tympanus.net/codrops/2026/05/13/exploring-the-html-in-canvas-proposal/</link>
		
		<dc:creator><![CDATA[Vittorio Retrivi]]></dc:creator>
		<pubDate>Wed, 13 May 2026 10:37:28 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[React Three Fiber]]></category>
		<category><![CDATA[Three.js]]></category>
		<category><![CDATA[WebGL]]></category>
		<guid isPermaLink="false">https://tympanus.net/codrops/?p=114302</guid>

					<description><![CDATA[A look at the HTML-in-Canvas proposal, how it works, and what it enables with a few practical demos.]]></description>
		
		
		<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/demo-1-3.mp4?x42294" length="2973226" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/demo-2-1.mp4?x42294" length="562838" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/demo-3-1.mp4?x42294" length="322372" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/demo-4.mp4?x42294" length="2074852" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/lab-1.mp4?x42294" length="2501504" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/05/demo-5.mp4?x42294" length="12938446" type="video/mp4" />
<enclosure url="https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2026/04/twitter.mp4?x42294" length="1248221" 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 79/88 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-30 14:48:26 by W3 Total Cache
-->