Home
Home
Animations51
Animations51
Pricing
Pricing
FAQ
FAQ
BlogNew
BlogNew
Just shipped:Gooey Hover RevealSee all changes
Get Annnimate
Get Annnimate

Stay ahead of the curve

Join 1000+ creators getting animation updates. Unsubscribe anytime.

Animations
Animations
Pricing
Pricing
Blog
Blog
Showcase
Showcase
Changelog
Changelog
Roadmap
Roadmap
Sign in
Sign in
XLinkedInInstagram

© 2026 Annnimate · Built by Good Fella

Privacy
Privacy
Terms
Terms
Cookies
Cookies
Refund
Refund
0255075

The motion component library
for developers who notice.

50+ production-grade GSAP components for React, Vue, and HTML. The code you'd write yourself, without the rebuild time.
New

Gooey Hover Reveal

Gooey Hover Reveal

shader
Gooey Hover Reveal
New

Gooey Menu

Gooey Menu

experimental
Gooey Menu
New

Typewriter

Typewriter

ui component
Typewriter
New

Mega Menu

Mega Menu

menu
Mega Menu
Updated

Multi-Level Drawer Menu

Multi-Level Drawer Menu

menu
Multi-Level Drawer Menu
Updated

Dual Scramble

Dual Scramble

ui component
Dual Scramble
Updated

Fullscreen Slide Menu

Fullscreen Slide Menu

menu
Fullscreen Slide Menu
Updated

Mesh Gradient

Mesh Gradient

shader
Mesh Gradient
Updated

Image Dissolve Scroll

Image Dissolve Scroll

shader
Image Dissolve Scroll
New

Gooey Hover Reveal

Gooey Hover Reveal

shader
Gooey Hover Reveal
New

Gooey Menu

Gooey Menu

experimental
Gooey Menu
New

Typewriter

Typewriter

ui component
Typewriter
New

Mega Menu

Mega Menu

menu
Mega Menu
Updated

Multi-Level Drawer Menu

Multi-Level Drawer Menu

menu
Multi-Level Drawer Menu
Updated

Dual Scramble

Dual Scramble

ui component
Dual Scramble
Updated

Fullscreen Slide Menu

Fullscreen Slide Menu

menu
Fullscreen Slide Menu
Updated

Mesh Gradient

Mesh Gradient

shader
Mesh Gradient
Updated

Image Dissolve Scroll

Image Dissolve Scroll

shader
Image Dissolve Scroll

Why building animations sucks

You've spent hours tweaking easing curves. The animation finally looks right. Then you deploy. It breaks.
You fix it. Switch to Webflow for the next project. Rebuild the same animation from scratch. Again.
Your designer sends an Awwwards link. "Can we do something like this?" You stare at it. No idea where to start.

How Annnimate works

Buttons, scroll effects, UI components, experimental, shaders, menus. Filter by category, search by name, sort by popularity. Find what you need in seconds.

Every animation runs in a live sandbox. Test on different screen sizes. See exactly how it behaves before you copy.

Live

Tweak timing with data attributes. Edit the code directly. Or ask AI to adapt it for your project. Your choice.

data-anm-duration= "1.6"
data-anm-ease= "expo.out"
data-anm-stagger= "0.1"
Or ask AI to customize it for you

One click copies production-ready code. HTML, React, or Webflow. Paste into your project, customize with data attributes, deploy.

HTMLReactWebflow
<div
data-anm-marquee
data-anm-speed="1"
>
...
</div>
Annnimate
Platform
Support
JD
John Doe
Pro Plan
New

Gooey Hover Reveal

Gooey Hover Reveal

Gooey Hover Reveal
New

Gooey Menu

Gooey Menu

Gooey Menu
New

Typewriter

Typewriter

Typewriter
New

Mega Menu

Mega Menu

Mega Menu
Updated

Multi-Level Drawer Menu

Multi-Level Drawer Menu

Multi-Level Drawer Menu
Updated

Dual Scramble

Dual Scramble

Dual Scramble
Updated

Fullscreen Slide Menu

Fullscreen Slide Menu

Fullscreen Slide Menu
Updated

Mesh Gradient

Mesh Gradient

Mesh Gradient
Updated

Image Dissolve Scroll

Image Dissolve Scroll

Image Dissolve Scroll
Updated

Character Appear

Character Appear

Character Appear
Updated

Multi Flip

Multi Flip

Multi Flip
Updated

Tooltip

Tooltip

Tooltip
Search...K

Stop rebuilding. Start shipping.

Works everywhere you build

Every animation runs at 60fps, respects reduced motion preferences, and works in React, Webflow, or vanilla HTML.

90Speed

You decide what gets built

Vote on animations you want. The most requested ones ship first.

Annnimate Webflow App

By Anonymous
11 comments

Annnimate Chrome Extension

By Anonymous
5 comments

50+ animations ready to ship

Browse, preview, and copy. Each animation is optimized, documented, and tested across browsers.

Gooey Hover Reveal

Gooey Hover Reveal

Newshader
Gooey Hover Reveal

Gooey Menu

Gooey Menu

Newexperimental
Gooey Menu

Typewriter

Typewriter

Newui component
Typewriter

Mega Menu

Mega Menu

Newmenu
Mega Menu
Annnimate
Platform
Support
JD
John Doe
Pro Plan
New

Gooey Hover Reveal

Gooey Hover Reveal

Gooey Hover Reveal
New

Gooey Menu

Gooey Menu

Gooey Menu
New

Typewriter

Typewriter

Typewriter
New

Mega Menu

Mega Menu

Mega Menu
Updated

Multi-Level Drawer Menu

Multi-Level Drawer Menu

Multi-Level Drawer Menu
Updated

Dual Scramble

Dual Scramble

Dual Scramble
Updated

Fullscreen Slide Menu

Fullscreen Slide Menu

Fullscreen Slide Menu
Updated

Mesh Gradient

Mesh Gradient

Mesh Gradient
Updated

Image Dissolve Scroll

Image Dissolve Scroll

Image Dissolve Scroll
Updated

Character Appear

Character Appear

Character Appear
Updated

Multi Flip

Multi Flip

Multi Flip
Updated

Tooltip

Tooltip

Tooltip
Search...K
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 Haentjens

Lukas Haentjens

Co-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 Lunardi

Edoardo Lunardi

Award-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.
M

Matthew Stobo

Lifetime Member

Pro

For individual designers and developers.

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
€
/month
Billed annually at
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
€/year
  • Full animation library (50+ animations)
  • All code formats (HTML, React, Webflow)
  • New animations monthly
  • Documentation & support
  • Annnimate AI Assistant

Want AI customization? Toggle Annnimate AI above to add it for 10€/month.

Lifetime Access

Only 150 left

Pay once. Access forever. Every animation I build, every update I ship.

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
€
Special launch offerone-time

No subscription. No recurring fees.

30-day money-back guarantee. No questions asked.
  • Full animation library (50+ animations)
  • All code formats (HTML, React, Webflow)
  • Every future animation included
  • All future updates forever
  • Documentation and support

Want AI customization? Add it anytime from your dashboard for 10€/month.

Team

3

For agencies and teams.

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
€
/month
Billed annually at
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
€/year
  • Everything in Pro
  • Minimum 3 team members
  • Priority support
  • Annnimate AI Assistant

Want AI customization? Toggle Annnimate AI above to add it for 10€/month per seat.

Not ready yet? Get notified about new animations and features.

Latest animations from our collection

View all 51 animations
View all 51 animations
0255075
Edoardo Lunardi
MS
Alex Salicki
Get Annnimate
Get Annnimate