Question 1

What is Annnimate?

Accepted Answer

Annnimate is a copy-paste animation library with 41+ production-ready GSAP animations for web developers and designers. Browse the collection, copy the code in HTML, React, or Webflow format, and paste it into your project. No animation experience required. Each animation is built with GSAP (GreenSock Animation Platform), runs at 60fps, and includes full documentation with customization tips.

Question 2

Who is Annnimate for?

Accepted Answer

Annnimate is built for Webflow designers who need complex animations without code, web developers who want production-ready animation code, freelancers who need agency-quality results at solo speed, and agencies shipping client projects faster. If you've ever spent hours rebuilding the same scroll effect or button hover, Annnimate solves that problem in seconds.

Question 3

How does Annnimate work?

Accepted Answer

The workflow takes about 30 seconds: Browse the library, preview animations live, copy the code with one click, and paste it into your project. Each animation uses standardized data attributes (like data-anm-duration, data-anm-easing) so you can customize timing, easing, and behavior without editing JavaScript. Implementation takes less than 5 minutes for most animations.

Question 4

What makes Annnimate different from other animation libraries?

Accepted Answer

Annnimate provides finished, production-ready animations rather than building blocks. Every animation is tested in production, optimized for 60fps performance, and available in three formats (HTML, React, Webflow). You're not learning a new API or writing animation code from scratch. You copy, paste, and ship. The library focuses on quality over quantity: 41+ artistically crafted animations, not 400 generic ones.

Question 5

What types of animations does Annnimate include?

Accepted Answer

Annnimate offers 41+ animations across 4 categories: Buttons (7 animations including magnetic buttons and morphing states), Scroll (20 animations including text reveals, parallax, and scroll-triggered sequences), UI Components (8 animations including accordions, tabs, and modals), and Experimental (6 cutting-edge effects). Each animation is available in HTML/CSS/JS, React, and Webflow formats.

Question 6

How much does Annnimate cost?

Accepted Answer

Pro plan costs EUR 199/year for individuals. Team plan costs EUR 159/seat/year with a minimum of 3 seats (EUR 477/year to start). The optional AI Add-on costs EUR 120/year. All plans include full access to 41+ animations, all code formats, and every future update. There's also a limited Lifetime deal at EUR 349 one-time payment for permanent access.

Question 7

What is the Lifetime deal?

Accepted Answer

The Lifetime deal costs EUR 349 as a one-time payment. You get permanent access to the full animation library, every code format (HTML, React, Webflow), all future animations, and all future updates. No recurring fees ever. Only 150 lifetime seats are available. The AI Add-on remains a separate monthly subscription at EUR 10/month if you want it.

Question 8

Is there a free trial?

Accepted Answer

No. Annnimate offers paid plans only with immediate full access. No free tier, no trial period. You can preview two free animations (text-reveal and circular-slider) without signing up to see the code quality and workflow. When you're ready, purchase gives you instant access to all 41+ animations.

Question 9

What payment methods do you accept?

Accepted Answer

Annnimate accepts all major credit cards, debit cards, and regional payment methods through Stripe. This includes Visa, Mastercard, American Express, and local payment options depending on your country. All payments are processed securely through Stripe.

Question 10

What is the refund policy?

Accepted Answer

Annnimate offers refunds within 14 days of purchase if you're not satisfied. Contact support@annnimate.com with your purchase details. Lifetime deal purchases follow the same 14-day refund window. After 14 days, refunds are evaluated on a case-by-case basis.

Question 11

How does the Team plan work?

Accepted Answer

The Team plan includes 3 seats minimum at EUR 159/seat/year (EUR 477/year total). You can add more seats at EUR 159/year each. Team members share a workspace, can collaborate on saved animations, and all get full library access. Perfect for agencies and design teams working on multiple client projects.

Question 12

What is GSAP?

Accepted Answer

GSAP (GreenSock Animation Platform) is the industry-standard JavaScript animation library used on over 12 million websites. It's trusted by companies like Google, Nike, and NASA for smooth, performant animations. All Annnimate animations are built with GSAP, optimized for 60fps performance and cross-browser compatibility. GSAP is now 100% free including all premium plugins like SplitText and ScrollTrigger.

Question 13

What code formats does Annnimate support?

Accepted Answer

Every animation is available in three formats: HTML/CSS/JS (vanilla JavaScript for any website), React (functional components with hooks and useGSAP), and Webflow (JSON structure with JavaScript embed code). All formats use GSAP and include the same customization options via data attributes.

Question 14

How do I use Annnimate with Webflow?

Accepted Answer

Each animation includes Webflow-compatible code with JSON structure and JavaScript. Copy the code, paste it into your Webflow project's custom code section (in page settings or site-wide), add the required custom attributes to your elements, and publish. No coding knowledge required beyond copy-paste. Annnimate also offers a native Webflow Designer Extension for applying animations directly in the Webflow Designer.

Question 15

Can I use Annnimate with React and Next.js?

Accepted Answer

Yes. All animations are available as React components using functional components with hooks. The code uses useGSAP for proper lifecycle management and refs instead of className selectors. Works with Next.js (App Router and Pages Router), Create React App, Vite, and any React project. TypeScript-ready.

Question 16

Will Annnimate animations slow down my website?

Accepted Answer

No. All animations are built with performance as a priority. They run at 60fps, use GPU-accelerated properties only (transform, opacity), and include best practices like force3D: true. GSAP is up to 20x faster than jQuery animations. Every animation is tested in production conditions and includes reduced motion support for accessibility.

Question 17

What browsers do Annnimate animations support?

Accepted Answer

All animations work in Chrome, Firefox, Safari, and Edge (latest 2 versions). GSAP handles cross-browser compatibility automatically. Animations include fallbacks for older browsers and respect the prefers-reduced-motion accessibility setting.

Question 18

What is ScrollTrigger and how does it work?

Accepted Answer

ScrollTrigger is a GSAP plugin that triggers animations based on scroll position. It lets you animate elements as they enter the viewport, create parallax effects, and build scroll-based sequences. Annnimate's scroll category (20 animations) uses ScrollTrigger for precise control. You can customize trigger positions, scrub speed, and pin behavior using data attributes.

Question 19

What is the AI Assistant?

Accepted Answer

The AI Assistant is an optional add-on (EUR 120/year) that helps you customize and create animations. It understands GSAP, motion design principles, and can adapt existing animations to your needs. Describe what you want in plain language, and it generates production-ready code. It can adjust timing, easing, colors, and explain why certain animation choices feel better than others.

Question 20

How do I customize the animations?

Accepted Answer

All animations use standardized data attributes for customization. Change data-anm-duration to adjust timing, data-anm-easing for different easing curves, data-anm-stagger for delays between elements, and data-anm-disable to turn off animations on specific breakpoints. No JavaScript editing required. Each animation detail page documents all available attributes with examples.

Question 21

What are data attributes and how do they work?

Accepted Answer

Data attributes are HTML attributes that configure animation behavior without editing code. For example, data-anm-duration="1.2" sets the animation to 1.2 seconds, data-anm-easing="expo" uses expo easing, and data-anm-stagger="0.1" adds 0.1 second delay between animated elements. Copy the animation code, change the attributes to match your design, and ship.

Question 22

Can I save my favorite animations?

Accepted Answer

Yes. Click the save icon on any animation to add it to your personal collection. Access all saved animations at /animations/saved. Your saved animations sync across devices. This lets you build a curated library of animations you use frequently or want to reference for future projects.

Question 23

What is the Live Code Editor?

Accepted Answer

The Live Code Editor lets you edit animation code directly in your browser and see changes update instantly. Test variations before copying, experiment with different data attributes, and preview exactly how the animation will look in your project. No local development environment required.

Question 24

What documentation is included with each animation?

Accepted Answer

Every animation includes: live preview, code in all three formats, complete data attributes reference with descriptions and example values, implementation tips and best practices, use cases showing when to use the animation, multiple scenarios showing the animation in different contexts (hero sections, cards, forms), and related animations for similar effects.

Question 25

What support options are available?

Accepted Answer

All paying members get email support at support@annnimate.com, detailed documentation for every animation, and access to the Discord community. Team plan members get priority support with faster response times. The community includes direct access to Julian and other Annnimate members for help and feedback.

Question 26

What is the Discord community?

Accepted Answer

The Discord community is exclusive to Annnimate members. It includes role-specific channels for Pro and Founding Members, direct access to Julian, the ability to showcase what you've built, and early access to new features and updates. It's where members help each other with implementation questions and share animation inspiration.

Question 27

Can I request new animations or features?

Accepted Answer

Yes. Use the feature voting page at annnimate.com/features to request and vote on new animations and features. The most requested animations get built first. This community-driven approach shapes what gets added to the library. You can see what's being worked on and track the status of your requests.

Question 28

How often are new animations added?

Accepted Answer

New animations are added monthly based on user requests and web design trends. All plans include access to new animations as they're released with no additional fees. The goal is quality over quantity: each new animation goes through production testing and documentation before release.

Question 29

Are future updates included?

Accepted Answer

Yes. All plans include every future update at no extra cost. This includes new animations, new features, performance improvements, and new code formats. Lifetime deal holders get all future updates forever. You never pay extra for improvements to the library.

All the things you need to know

General

Pricing & Plans

Technical

Features

Support & Community