GSAP Animation Gallery

What it does

A gallery of 100 GSAP animation examples: basic tweens, timelines, ScrollTrigger scroll effects, horizontal scroll, split text, SVG line drawing and mouse interactions. Preview each one on the card, then copy a complete snippet that already includes the CDN. No paid plugins, no sign-up.

100 examples, from basic tweens to ScrollTrigger scroll effects. Preview each one on its card, then copy a complete snippet with the CDN included. No paid plugins required A complete snippet including the CDN. Paste it into your HTML and it runs. A gallery of 100 animations you can build with GSAP. Play each one on its card, and when you find the one you want, copy a complete snippet that already includes the GSAP CDN. It runs the moment you paste it, so there is no setup before you can see it working. The collection covers basic tweens ( to / from / fromTo ), timelines that chain several movements, ScrollTrigger effects driven by scroll position, horizontal scroll sections, text that rises…from codequest.work

• 
  gFLUO2024 · gfluo.com · ▲24

  One-click GSAP animations for your Webflow site

• 
  Animated Illustrations by Icons82021 · icons8.com · ▲256

  100+ moving pictures to liven up your designs

• 
  55 Animated Adventure Illustrations2021 · pixeltrue.com · ▲204

  High-quality SVG Illustrations and Lottie animations

• 
  Iconscout Desktop App2021 · iconscout.com · ▲186

  Curated SVGs, Vector Icons, Illustrations & 3D graphics

• 
  Whoooa!2022 · gregdlubacz.gumroad.com · ▲181

  156 vector Lottie animations for your projects

• 
  Webstudio Animations2025 · webstudio.is · ▲160

  Silky-smooth, uninterrupted scroll-driven web animations

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 29d ago · corespeed.io

• TL
  The load-bearing vocabulary of Claude▲710

  Life & fun · Aug 2026 · louisabraham.github.io

• 
  Hey Noah▲656

  A proactive AI executive assistant for founders

  AI · Aug 2026 · heynoah.io

• 
  Clipto MCP▲655

  Hey HN, We recently built Clipto. It’s a tool that lets you search over terabytes of video, audio, and images on your computer, without relying on the cloud. Motivation: we probably all had this similar experience, we know a moment exists in a video or audio, but finding it takes hours scrubbing the timeline. You can send all the media to process in the cloud, but it’s slow, expensive and raises privacy concerns. So we decided to build our own on-device media search engine. How it works (high level): 1. We ingest video, audio, image; normalize formats via ffmpeg; run content analysis to…

  Work · Aug 2026 · clipto.com

• 
  Simple algorithm and color space to generate diverse skin tones▲627

  Hello HN! I found that picking out plausible but diverse skin tones for my digital art and game development projects was kind of difficult, and I got curious about if there was a way to define a color space that made it easy. I've built a color picker and procedural generation algorithm based on the space as well as a bunch of other fun js features and demos throughout the page that use the equations. If you find it interesting, I have lots of explanations of how I built it and what properties the space has. The methodology might be a bit shaky, but hopefully the result is as helpful for…

  Life & fun · Aug 2026 · toneyalexander.github.io

• 
  AdAnt AI▲620

  Claude for viral, high-converting social ads

  AI · Aug 2026 · adant.ai

• 
  Astute▲606

  Automate your B2B brand going viral, with new media creators

  AI · Aug 2026 · company-app.joinastute.com