# GSAP

Published articles for GSAP.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience

DevFeed: [Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience](<https://devfeed.tech/articles/yestalgia-bringing-decathlon-s-90s-spirit-to-life-through-a-playful-digital-experience-4349.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/12/yestalgia-bringing-decathlons-90s-spirit-to-life-through-a-playful-digital-experience/>)

Author: Quentin Hocdé and Jonathan Da Costa

Published: 2026-09-12T08:40:31Z

Content type: article

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [micro-interactions for websites](<https://devfeed.tech/topics/micro-interactions-for-websites.md>)

Tags: [90s-inspired-design](<https://devfeed.tech/tags/90s-inspired-design.md>), [90s-web-design](<https://devfeed.tech/tags/90s-web-design.md>), [animation](<https://devfeed.tech/tags/animation.md>), [articles](<https://devfeed.tech/tags/articles.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [creative-development](<https://devfeed.tech/tags/creative-development.md>), [creative-technology](<https://devfeed.tech/tags/creative-technology.md>), [creative-web-design](<https://devfeed.tech/tags/creative-web-design.md>), [decathlon-digital-experience](<https://devfeed.tech/tags/decathlon-digital-experience.md>), [decathlon-website](<https://devfeed.tech/tags/decathlon-website.md>), [decathlon-yestalgia](<https://devfeed.tech/tags/decathlon-yestalgia.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [editorial-web-design](<https://devfeed.tech/tags/editorial-web-design.md>), [experimental-web-design](<https://devfeed.tech/tags/experimental-web-design.md>), [fashion-web-design](<https://devfeed.tech/tags/fashion-web-design.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [gsap-animation](<https://devfeed.tech/tags/gsap-animation.md>), [illustration](<https://devfeed.tech/tags/illustration.md>), [immersive-web-experience](<https://devfeed.tech/tags/immersive-web-experience.md>), [interactive-storytelling](<https://devfeed.tech/tags/interactive-storytelling.md>), [interactive-website](<https://devfeed.tech/tags/interactive-website.md>), [lenis-smooth-scroll](<https://devfeed.tech/tags/lenis-smooth-scroll.md>), [motion-design](<https://devfeed.tech/tags/motion-design.md>), [nostalgic-web-design](<https://devfeed.tech/tags/nostalgic-web-design.md>), [performance](<https://devfeed.tech/tags/performance.md>), [piecesjs](<https://devfeed.tech/tags/piecesjs.md>), [product](<https://devfeed.tech/tags/product.md>), [product-focused-design](<https://devfeed.tech/tags/product-focused-design.md>), [product-launch](<https://devfeed.tech/tags/product-launch.md>), [rive](<https://devfeed.tech/tags/rive.md>), [rive-animation](<https://devfeed.tech/tags/rive-animation.md>), [typography](<https://devfeed.tech/tags/typography.md>), [walkman-navigation](<https://devfeed.tech/tags/walkman-navigation.md>), [web](<https://devfeed.tech/tags/web.md>), [web-animation](<https://devfeed.tech/tags/web-animation.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>), [wordpress-custom-theme](<https://devfeed.tech/tags/wordpress-custom-theme.md>), [yestalgia](<https://devfeed.tech/tags/yestalgia.md>)

### AI overview

This article presents Yestalgia, Decathlon's '90s-inspired capsule collection website. It explains how editorial product presentation, vibrant illustration, expressive typography, animation, micro-interactions, and a cassette-player navigation concept turn the campaign's nostalgic art direction into a playful digital experience.

### Source excerpt

A closer look at how Yestalgia brings Decathlon's '90s-inspired vision to the web through art direction, interaction, animation, and creative development.

## Building an Infinite Loom: Unravelling Images into Threads with Three.js

DevFeed: [Building an Infinite Loom: Unravelling Images into Threads with Three.js](<https://devfeed.tech/articles/building-an-infinite-loom-unravelling-images-into-threads-with-three-js-4339.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/05/building-an-infinite-loom-unravelling-images-into-threads-with-three-js/>)

Author: Clément Grellier

Published: 2026-09-05T12:50:25Z

Content type: tutorial

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [creative-coding](<https://devfeed.tech/tags/creative-coding.md>), [creative-web-experiments](<https://devfeed.tech/tags/creative-web-experiments.md>), [digital-art](<https://devfeed.tech/tags/digital-art.md>), [frontend-animation](<https://devfeed.tech/tags/frontend-animation.md>), [generative-art](<https://devfeed.tech/tags/generative-art.md>), [glsl-shaders](<https://devfeed.tech/tags/glsl-shaders.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [html](<https://devfeed.tech/tags/html.md>), [image-animation](<https://devfeed.tech/tags/image-animation.md>), [image-distortion](<https://devfeed.tech/tags/image-distortion.md>), [image-effects](<https://devfeed.tech/tags/image-effects.md>), [image-slider](<https://devfeed.tech/tags/image-slider.md>), [images](<https://devfeed.tech/tags/images.md>), [infinite-slider](<https://devfeed.tech/tags/infinite-slider.md>), [interactive-images](<https://devfeed.tech/tags/interactive-images.md>), [interactive-web-design](<https://devfeed.tech/tags/interactive-web-design.md>), [javascript-animation](<https://devfeed.tech/tags/javascript-animation.md>), [marquee](<https://devfeed.tech/tags/marquee.md>), [playground](<https://devfeed.tech/tags/playground.md>), [ribbon-animation](<https://devfeed.tech/tags/ribbon-animation.md>), [shader-effects](<https://devfeed.tech/tags/shader-effects.md>), [shaders](<https://devfeed.tech/tags/shaders.md>), [thread-animation](<https://devfeed.tech/tags/thread-animation.md>), [three-js](<https://devfeed.tech/tags/three-js.md>), [three-js-demo](<https://devfeed.tech/tags/three-js-demo.md>), [three-js-shaders](<https://devfeed.tech/tags/three-js-shaders.md>), [unraveling-effect](<https://devfeed.tech/tags/unraveling-effect.md>), [webgl](<https://devfeed.tech/tags/webgl.md>), [webgl-animation](<https://devfeed.tech/tags/webgl-animation.md>), [webgl-demo](<https://devfeed.tech/tags/webgl-demo.md>)

### AI overview

A Three.js tutorial for an infinite image strip whose cards are split into independently animated horizontal ribbons. It explains how separate geometry and shaders create weaving, unraveling, gaps, fading, and varied thread motion.

### Source excerpt

An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.

## The biggest announcements from Webflow Conf 2026

DevFeed: [The biggest announcements from Webflow Conf 2026](<https://devfeed.tech/articles/the-biggest-announcements-from-webflow-conf-2026-9253.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/webflow-conf-2026-announcements>)

Author: Webflow Team

Published: 2026-09-02T00:00:00Z

Content type: article

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [webflow](<https://devfeed.tech/topics/webflow.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [MCP](<https://devfeed.tech/topics/mcp.md>), [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [GSAP](<https://devfeed.tech/topics/gsap.md>), [Code](<https://devfeed.tech/topics/code.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>), [releases](<https://devfeed.tech/topics/releases.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [agentic](<https://devfeed.tech/tags/agentic.md>), [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-agents](<https://devfeed.tech/tags/ai-agents.md>), [announcements](<https://devfeed.tech/tags/announcements.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [code](<https://devfeed.tech/tags/code.md>), [content](<https://devfeed.tech/tags/content.md>), [developers](<https://devfeed.tech/tags/developers.md>), [development](<https://devfeed.tech/tags/development.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [inside-webflow](<https://devfeed.tech/tags/inside-webflow.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [platform](<https://devfeed.tech/tags/platform.md>), [product](<https://devfeed.tech/tags/product.md>), [products](<https://devfeed.tech/tags/products.md>), [releases](<https://devfeed.tech/tags/releases.md>), [updates](<https://devfeed.tech/tags/updates.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

### AI overview

Webflow Conf 2026 introduced Source by Webflow, a platform connecting codebases and marketing technology stacks for visual and agentic development. Announcements included Campaigns, Assets, MCP updates, Releases, content agents in Webflow AEO, automatically generated Agent Instructions, and Agent Presence.

### Source excerpt

A recap of our biggest product announcements so far, including the all-new Source, by Webflow.

## What's new in Astro - July 2026

DevFeed: [What's new in Astro - July 2026](<https://devfeed.tech/articles/what-s-new-in-astro-july-2026-3369.md>)

Original publisher: [Read original article](<https://astro.build/blog/whats-new-july-2026/>)

Author: Sarah Rainsberger

Published: 2026-07-31T00:00:00Z

Content type: news

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [releases](<https://devfeed.tech/topics/releases.md>), [GSAP](<https://devfeed.tech/topics/gsap.md>), [build times](<https://devfeed.tech/topics/build-times.md>)

Tags: [agentic](<https://devfeed.tech/tags/agentic.md>), [astro](<https://devfeed.tech/tags/astro.md>), [benchmark](<https://devfeed.tech/tags/benchmark.md>), [build-times](<https://devfeed.tech/tags/build-times.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [releases](<https://devfeed.tech/tags/releases.md>), [webflow](<https://devfeed.tech/tags/webflow.md>)

### AI overview

A July Astro ecosystem roundup covering Astro 7.1 updates, community events, a Webflow and CodeTV hackathon using GSAP, and selected community content.

### Source excerpt

July 2026 - CodeTV GSAP Webflow contest, Astro Germany, and more!

## What's new in Astro - March 2025

DevFeed: [What's new in Astro - March 2025](<https://devfeed.tech/articles/what-s-new-in-astro-march-2025-3374.md>)

Original publisher: [Read original article](<https://astro.build/blog/whats-new-march-2025/>)

Author: Sarah Rainsberger

Published: 2025-03-31T00:00:00Z

Content type: news

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [releases](<https://devfeed.tech/topics/releases.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [GSAP](<https://devfeed.tech/topics/gsap.md>), [Three.js](<https://devfeed.tech/topics/threejs.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [astro](<https://devfeed.tech/tags/astro.md>), [github](<https://devfeed.tech/tags/github.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [releases](<https://devfeed.tech/tags/releases.md>), [three-js](<https://devfeed.tech/tags/three-js.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

A March 2025 update from the Astro ecosystem highlights Astro 5.5, Astro reaching 50,000 GitHub stars, upcoming ViteConf participation, community learning resources, adopters, and recent projects built with Astro. It also features case studies covering accessibility testing, remote web development, and creative sites using technologies such as Three.js, GSAP, WebGPU, GraphQL, and Socket.IO.

### Source excerpt

March 2025 - Celebrating 50K GitHub stars, ViteConf, and more!

## Why developers should embrace creative coding again

DevFeed: [Why developers should embrace creative coding again](<https://devfeed.tech/articles/why-developers-should-embrace-creative-coding-again-10247.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/why-developers-should-embrace-creative-coding-again/>)

Author: Jake Albaugh

Published: 2025-01-09T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [creative coding](<https://devfeed.tech/topics/creative-coding.md>), [creative technology](<https://devfeed.tech/topics/creative-technology.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [Web](<https://devfeed.tech/topics/web.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML5](<https://devfeed.tech/topics/html5.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [GSAP](<https://devfeed.tech/topics/gsap.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [WebGL](<https://devfeed.tech/topics/webgl.md>), [Figma plugin](<https://devfeed.tech/topics/figma-plugin.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [creative-coding](<https://devfeed.tech/tags/creative-coding.md>), [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [design-tools](<https://devfeed.tech/tags/design-tools.md>), [developers](<https://devfeed.tech/tags/developers.md>), [figma](<https://devfeed.tech/tags/figma.md>), [figma-plugin](<https://devfeed.tech/tags/figma-plugin.md>), [free](<https://devfeed.tech/tags/free.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [html5](<https://devfeed.tech/tags/html5.md>), [svg](<https://devfeed.tech/tags/svg.md>), [tools](<https://devfeed.tech/tags/tools.md>), [web](<https://devfeed.tech/tags/web.md>), [webgl](<https://devfeed.tech/tags/webgl.md>)

### AI overview

The article argues that developers should revive creative coding by using modern browser capabilities beyond templates and conventional design tools. It highlights HTML5, inline SVG, GSAP animations, WebGL, advanced CSS, responsive features, and newer color spaces such as HSL and OKLCH, along with the CSS color-mix() Figma plugin.

### Source excerpt

Modern browsers have evolved beyond what most design tools can do. It's up to us to break free from templates and tap into the web's true creative potential.

## 🔥 NextConf / Next 14, Lit 3.0, New gsap website

DevFeed: [🔥 NextConf / Next 14, Lit 3.0, New gsap website](<https://devfeed.tech/articles/nextconf-next-14-lit-3-0-new-gsap-website-34907.md>)

Original publisher: [Read original article](<https://frontendfocus.substack.com/p/nextconf-next-14-lit-3-0-new-gsap-website>)

Author: Mads Brodt

Published: 2023-11-01T16:00:00Z

Content type: article

Language: en

Sources: [Front-End Focus](<https://devfeed.tech/sources/front-end-focus.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Web Components](<https://devfeed.tech/topics/web-components.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [React](<https://devfeed.tech/topics/react.md>), [GSAP animation](<https://devfeed.tech/topics/gsap-animation.md>)

Tags: [gsap](<https://devfeed.tech/tags/gsap.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [next](<https://devfeed.tech/tags/next.md>), [react](<https://devfeed.tech/tags/react.md>)

### AI overview

This newsletter roundup discusses NextConf and Next 14, including stable Server Actions, Turbopack improvements, and a new learning course. It also covers the Lit 3.0 release and Web Components, then highlights a new GSAP website.

### Source excerpt

Hey there!