#GSAP
Made With Gsap
Fonts: Lay Grotesk and PP Neue Montreal Mono

https://maxibestof.one/websites/92166-made-with-gsap
November 6, 2026 at 6:22 PM
November 6, 2026 at 12:06 PM
Put together a quick GSAP intro.
You can play with the demos directly in "GSAP Getting Started — Learn Tweens by Touching This Page".
Might help if you are wrestling with timelines or ScrollTrigger.…

https://yosuke4061.com/new_toppage/articles/midori_new027/
GSAP Getting Started with Interactive Tweens
You can play with the demos directly in "GSAP Getting Started — Learn Tweens by Touching This Page".
yosuke4061.com
November 7, 2026 at 11:01 PM
GSAPの入門ページを作った。
「GSAP 入門 — このページで tween を触って覚える」のデモをいじりながら動かせるようにしてある。
タイムラインとかScrollTriggerあたりで悩んだらどうぞ。

https://yosuke4061.com/new_toppage/articles/midori_new027/
GSAP 入門 — このページで tween を触って覚える
「GSAP 入門 — このページで tween を触って覚える」のデモをいじりながら動かせるようにしてある。
yosuke4061.com
November 7, 2026 at 11:01 PM
A little ASCII. A little motion. A different kind of landing page.

ASCII Snap Slider + Expanding List, built with @gsap-greensock.bsky.social for Jetton.

Explore the HTML template:
clapat-templates.com/html-templat...

#WebDesign #GSAP #CreativeCoding
November 4, 2026 at 6:06 PM
Meet Immersive — a beautiful website inviting you to slow down and enjoy the fresh air. Kudos to Palms Works! We love seeing our Effects come to life in this beautiful project, especially 078! Built with @gsap-greensock.bsky.social 💚

Create faster with unique Effects. Get access.
↳ madewithgsap.com
November 5, 2026 at 2:09 PM
How we built it: one three.js InstancedMesh of clearcoat spheres with springs, gravity and a grid-hashed collision pass, so the pearls knock and pack. Each part of the page gives them a shape. GSAP and Lenis; free-licence photographs, credited.
November 7, 2026 at 4:00 PM
The page is plain HTML with GSAP animating it. A renderer plays that page and captures it as an MP4. Same input, same output, every time.
November 8, 2026 at 5:30 PM
A portfolio grid with an ASCII twist.

Animated characters reveal the project thumbnails, adding a little creative coding to the browsing experience.

Built for Jetton.

clapat-templates.com/html-templat...

#WebDesign #CreativeCoding #GSAP
November 9, 2026 at 3:23 PM
November 7, 2026 at 4:41 PM
You can make videos with Claude Code now.

Not on a timeline.
In HTML.

HyperFrames by HeyGen turns HTML, CSS and GSAP into MP4.

Free. Open source. Renders on your machine.

github.com/heygen-com/h...
GitHub - heygen-com/hyperframes: Write HTML. Render video. Built for agents.
Write HTML. Render video. Built for agents. Contribute to heygen-com/hyperframes development by creating an account on GitHub.
github.com
November 9, 2026 at 9:30 AM
🚀 Don't Just Scroll. Experience the Website!

Why settle for a static website when every scroll can tell a story?

#WebDesign #ScrollAnimation #WebDevelopment #InteractiveWebDesign #TorontoWebDesign #MotionDesign #UIUXDesign #GSAP #WebAnimation #CreativeWebDesign #BridgeWeb #WebsiteDesign
November 4, 2026 at 5:59 PM
Scratchies!

Made with 2D Canvas, SVG, CSS Mask, and GSAP.
With UISFX + Web Audio API sound effects
November 2, 2026 at 4:45 PM
ASCII as a transition layer is such a fresh idea. It gives the slider texture without hiding the content underneath. Great use of GSAP.
November 5, 2026 at 2:34 AM
ウェブサイトのアニメーションをまとめたページ。見るだけで楽しいやつ。 #個人サイト
tympanus.net/Demos/Museum...
Museum of Motion
How to plan, prompt and polish kinetic type animations, page transitions and accessible motion with GSAP and the Animaxxing agent skills.
tympanus.net
November 7, 2026 at 1:07 AM
Claude Opus 5.5 can make motion graphics: it writes animation code (Canvas, SVG with GSAP or Three.js) and a headless browser renders it to MP4. A video on the workflow went up 23,040 views in 12 hours, about 10x the typical pace of other AI-tool videos SteadyVane tracks on YouTube.
How to make motion graphics with Claude Opus 5.5, from animation code to finished video
Claude Opus 5.5 can make motion graphics by writing animation code (Canvas, SVG with GSAP, or Three.js) that a headless browser renders to an MP4. It is reachable through Claude Code, where skills can be installed to produce motion graphics and videos. A video walks through the…
steadyvane.com
November 9, 2026 at 3:00 PM
New Effect 125 added today—Scroll through the page to explore a selection of titles. When a title becomes active, its visual and description come into view. No WebGl, fully mobile-friendly and built with @gsap-greensock.bsky.social 💚

Create faster with unique Effects. Get access.
↳ madewithgsap.com
November 3, 2026 at 1:56 PM
"GSAP Interactive Basics"
Put together an interactive playground for GSAP fundamentals.
You can tweak tweens, timelines, and ScrollTrigger live in the demo.

https://yosuke4061.com/new_toppage/articles/midori_new027/
GSAP Interactive Basics
You can tweak tweens, timelines, and ScrollTrigger live in the demo.
yosuke4061.com
November 1, 2026 at 11:05 PM
reanimate : un skill Claude Code qui reproduit les animations que vous aimez, depuis un site, un mp4, un gif ou un fichier Lottie. Il filme l'original, reconstruit l'animation (CSS, Framer Motion, GSAP, three.js), filme la copie et compare. Open source (MIT), sans clé…
github.com/NiazMorshed2007/…
November 1, 2026 at 11:01 AM
Story Cards Animated with GSAP: Learning Timeline and Reduced-Motion Settings

Animate three cards sequentially in GSAP representing conception, production, and publishing. Learn operations, results, troubleshooting, and practical applications using fictional data.
Story Cards Animated with GSAP: Learning Timeline and Reduced-Motion Settings
Animate three cards sequentially in GSAP representing conception, production, and publishing. Learn operations, results, troubleshooting, and practical applications using fictional data.
papanda925.com
November 1, 2026 at 2:46 PM
用 GSAP 制作的动态故事卡片:学习 Timeline 与减弱动画设置

使用 GSAP 依次为“构思”、“制作”和“发布”三张卡片添加动画。通过虚拟数据学习操作、结果、原因排查以及实际业务应用。
用 GSAP 制作的动态故事卡片:学习 Timeline 与减弱动画设置
使用 GSAP 依次为“构思”、“制作”和“发布”三张卡片添加动画。通过虚拟数据学习操作、结果、原因排查以及实际业务应用。
papanda925.com
November 1, 2026 at 2:46 PM
GSAPの基本を触って覚えられるページをこしらえた。
iframeのデモで動きを見ながら試せる。
アニメーションの挙動確認にどうぞ。

https://yosuke4061.com/new_toppage/articles/midori_new027/
GSAP 入門 — このページで tween を触って覚える
iframeのデモで動きを見ながら試せる。
yosuke4061.com
November 1, 2026 at 11:05 PM
I made a scroll-driven 3D experience where 20,000 particles morph from sphere to knot to disc, bend around your cursor, and take on the color of whatever screen you describe.

Built with Three.js, GSAP, Motion and Lenis.

#CreativeCoding #GenerativeUI
November 1, 2026 at 7:35 AM
GSAPで動く物語カード:Timelineと動きを減らす設定を学ぶ

GSAPで発想・制作・公開の三枚を順番にアニメーションする。操作、結果、原因切分け、実務への応用を架空データで学ぶ。
GSAPで動く物語カード:Timelineと動きを減らす設定を学ぶ
GSAPで発想・制作・公開の三枚を順番にアニメーションする。操作、結果、原因切分け、実務への応用を架空データで学ぶ。
papanda925.com
October 31, 2026 at 1:05 AM
New Free Effect available for Halloween! 🎃 Ready to give your website a spooky makeover? Add a creepy vibe to any page in just a few clicks! Built with the new free typeface from Lift Type and with @gsap-greensock.bsky.social 💚

Create faster with unique Effects. Get access.
↳ madewithgsap.com
October 30, 2026 at 3:18 PM