60 matchingAllSearchK
Step 1
Find the component you need
Browse the library by category or search by name. Every component runs live, so you see exactly how it behaves before you commit.
The components behind
work that gets noticed.
Production-grade GSAP components for React, Vue and HTML, built to the standard we ship for real brands. Copy one in, change a few values and skip the days of rebuilding it yourself.
No signup to browse, no card for the free pack.
Built by the studio that ships motion for global brands.
- Coca-Cola
- BodyArmor
- WKNDHRS
- Powerade
- Good Fella
Animations
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
Studio Original
Gooey Hover Reveal
shader
Studio Original
New
Drift Gallery
section
Studio Original
Mesh Gradient
shader
Studio Original
Multi Flip
scroll
annnimate.com
Updated
Circular Slider
ui-component
annnimate.com
Mega Menu
menu
good-fella.com
Free
Dual Scramble
ui-component
annnimate.com
New
Radial Gallery
ui-component
annnimate.com
New
Testimonial Globe
section
Good motion takes days.
Fast motion looks generic.
Annnimate is the version that's fast and good: the component you'd build yourself, already done in real GSAP and React, held to the standard we ship for real brands.
Find it, copy it, ship it.
You see exactly how every component moves before you copy it, so you know what you're shipping.
import { useGSAP } from "@gsap/react"
import gsap from "gsap"
function Box() {
const box = useRef(null)
useGSAP(() => {
gsap.to(box.current, {
x: 200,
duration: 1,
ease: "expo.out",
})
})
return <div ref={box} className="box" />
}
Step 2
Copy it in your format
One click copies production-ready code, or pull it straight into your editor over MCP. React with useGSAP, Vue with the composable, or vanilla HTML. Typed, documented, reduced-motion aware.
yoursite.com
Step 3
Ship it your way
Paste it into Next.js, Webflow, wherever modern JS runs. Adjust with data attributes or props. No wrestling with the GSAP lifecycle.
One component, told properly.
Circular Slider, a draggable carousel that rides a giant arc. The kind of thing you would spend a day getting right, built the same way every one of the 60+ ships.
Snap feel
0.9s
<div data-anm-circular-slider
data-anm-circular-slider-type="snap"
data-anm-duration="0.9"
data-anm-ease="back.out(1.4)">
<img class="circular_slider_image" src="card-1.jpg" alt="" />
<!-- ...more cards... -->
</div>Two ways to use it.
A library of signature components you reach for on every project, and Landmark Kits, deep motion systems you buy once and own.
The Library
60 components / ship weeklyEvery named signature component, each one production-grade and documented. Subscribe and use the whole catalog across every project you build. New components ship regularly.
Landmark Kits
First Kit / out nowA deep, stand-alone collection - not a single component, not part of the Library. The first Kit is Reveal: preloaders and hero sections as one system, WebGL and GSAP variants you mix. React, Vue, HTML / CSS / JS. Not for Webflow.
The people using it ship for a living.
Studios and senior developers, on real client work.
In the process of creating a digital first studio, assets like Annnimate are essential for providing that interactive edge on our products. Julian has created a tool that really helps us in the creative iteration process and saves us quite a bit of time.
Lukas HaentjensCo-founder, Three Sixty One
Annnimate makes it easier to work with animations without overcomplicating the setup. The library is broad, the tool is well built, and the animations are smooth and well crafted. I especially like the React integration, it fits naturally into how I usually build things.
Edoardo LunardiAward-winning Senior Frontend Developer
I'm a lifetime user of Annnimate. It's really good - clean documentation, code is nice and light, and the animations it gives me are world class. Similar services are 2-3 times the cost and don't offer the level of polish that Annnimate does.
Matthew StoboLifetime Member
A new free component every week.
Production components in React, Vue and HTML, built to the same standard we ship for real brands. The free pack grows every week. In your inbox now. No card, no catch.
Simple pricing.
One afternoon of freelance work covers a year of the whole library. Solo is €29 a month for one developer, Studio adds five seats and Studio+ fifteen. Pay yearly to save. Landmark Kits are a one-time purchase, and there are no lifetime tiers or per-feature add-ons.
Solo
€/month
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
For one developer working solo or on freelance work.
- All 61 signature components
- React, Vue and HTML
- MCP server for Cursor and Claude Code
- New components as they ship
- Documentation and support
Cancel anytime. 30-day money-back on first purchase.
Studio
€/month
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
For a small studio or team shipping client work.
- 5 seats, one subscription
- Everything in Solo, for every seat
- MCP server for the whole team
- Priority support
Cancel anytime. 30-day money-back on first purchase.
Studio+
€/month
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
For a larger team shipping a lot of client work.
- 15 seats, one subscription
- Everything in Studio, for every seat
- Priority support
Cancel anytime. 30-day money-back on first purchase.
The Reveal Kit.
One-timeThirteen preloader and hero-reveal components, built as one system. Pair any cover with any hero, in WebGL or GSAP. React, Vue, plain JS. One purchase, yours forever.
Questions and answers.
Everything worth knowing before buying. Full list lives on the FAQ page.
Annnimate is a GSAP motion component library for React and Vue, built by Good Fella. Every component is built to the standard we ship for real brands. Some shipped on those brand sites, the rest are Good Fella originals held to the same bar. Either way you are not copying an experiment, you are copying motion built to ship.
Annnimate ships new signature components regularly, included in any active Library subscription at no extra cost. The changelog lists every component as it lands, so you can see the cadence for yourself before you buy.
Annnimate is built on GSAP, not Framer Motion. Aceternity and Magic UI are great for Framer Motion landing-page UI. Annnimate is production code you can ship to a client on Monday, on the engine that runs award-level work, the GSAP option for developers who notice.
Yes. Annnimate's React components are Server Component safe and work with the Next.js App Router. The Vue components are Nuxt ready. Each one uses useGSAP in React or a composable in Vue, so the GSAP context cleans up on unmount without extra plumbing from you.
Yes. Annnimate runs on GSAP, which is free for any project including every plugin. Install it with one npm install gsap. The docs walk you through the setup for React, Vue, and HTML.
Yes. Every Annnimate component respects prefers-reduced-motion and falls back to a calm, usable state. Interactive components handle keyboard focus and ARIA. The docs spell out what each one does when motion is reduced.
There is a free Starter Pack of production components in React, Vue and HTML, delivered to your inbox and free to use in any project with no expiration. A new component goes free every week and joins the pack. Every component's live preview is also free to explore with no account needed, and the full code library is a paid subscription.
Annnimate no longer offers a lifetime plan. The Library is a subscription billed yearly or monthly, so the catalog keeps growing and the components keep getting maintained. Developers who bought Lifetime before the 2026 relaunch keep their access. See the What's New page for the migration detail.
Yes. Every Annnimate tier covers unlimited commercial client projects. You and your seats can ship with the components on any work you produce. The only limit is repackaging or reselling the components as a competing library.
Annnimate Library members get 20% off every Landmark Kit purchase for as long as the subscription is active. Past Kit buyers get 20% off their first year of any Library plan. The two products are separate, but they reward each other.
Annnimate has a 30-day, no-questions-asked refund on both Library subscriptions and Landmark Kits. If it does not fit how you work, email us within 30 days of purchase and we refund you in full.
Take the component you'd have built yourself.
Browse the library, grab one, drop it into your build. The first one is free.