Frequently Asked Questions

GSAP Vault is a collection of premium, production-ready animation effects built with GSAP (GreenSock Animation Platform). Each effect is designed to be copy-paste ready, with clean code that you can drop into any project and customize to fit your needs.

No. GSAP Vault is an independent project and is not affiliated with, endorsed by, or sponsored by GreenSock, Inc. However, we follow GSAP-recommended best practices for performance, memory management, and accessibility in all our effects. We use "GSAP" in our name to indicate compatibility with the GSAP animation library. For official GSAP documentation, licensing, and support, visit gsap.com.

GSAP Vault is for web developers who are comfortable working with HTML, CSS, and JavaScript. These effects are designed for people who can read code, adapt it to their needs, and integrate it into their own projects. If you're not comfortable editing code, these effects may not be suitable for you.

You should be comfortable with front-end development basics: HTML structure, CSS styling, and JavaScript fundamentals. Familiarity with GSAP is helpful but not required—our code is well-commented and includes LLM-friendly documentation that makes customization straightforward for anyone who can work with code.

Each effect includes the complete source code (HTML, CSS, JavaScript), a live demo, documentation on customization options, and any required assets. The code is well-commented and follows best practices for performance and accessibility.

Free effects are fully functional and production-ready, great for trying out GSAP Vault. Paid effects are typically more complex, featuring advanced techniques like physics-based animations, 3D transforms, or intricate scroll interactions that require more development expertise to build.

Effects are individual animation patterns (like scroll reveals, text animations, or interactive galleries) that you integrate into your own designs. Templates are complete page designs that include layout, navigation, footer, and multiple coordinated effects working together. Templates are priced higher (£29 standard, £149 extended) because they provide a full page solution rather than a single component.

We're always looking to expand the library based on what developers need. While we don't offer custom development services, you can suggest effects you'd like to see added to the collection.

New effects are added regularly. We focus on quality over quantity, ensuring each effect meets our standards for code quality, performance, and real-world usefulness.

Yes. The standard license allows you to use each purchased effect in one commercial project for a client. For multiple commercial projects using the same effect, you'll need additional licenses.

Each standard license covers one commercial end product. You can use effects in unlimited personal/non-commercial projects, but commercial use requires one license per project.

No, attribution is not required. You're free to use the effects without any visible credit to GSAP Vault.

Absolutely. You're encouraged to customize the code to fit your project. Change colors, timing, easing, layout—whatever you need. The code is yours to adapt.

The standard license does not permit redistribution. If you want to include an effect in a theme or template you sell, you'll need an Extended License (£49 per effect).

No. The bulk discount only applies to standard effect licenses. Templates are excluded from this promotion due to their higher value and complexity. However, templates come with significant savings compared to buying all the individual effects they contain separately.

We do not offer refunds once you've accessed the code. This includes cases where you can't integrate the effect into your project or it requires more work than expected. We may consider refunds only if an effect has a genuine bug that prevents it from working as demonstrated and we cannot fix it. Please make sure you're comfortable with code before purchasing.

Yes. If we update an effect for bug fixes or improvements, you'll have access to the updated version at no additional cost.

We accept all major credit/debit cards through Stripe. Payments are processed securely in GBP with automatic VAT handling for EU customers.

When you add 3 or more standard-license effects to your cart, you automatically get every 3rd one free. This discount applies only to standard effect licenses (not extended licenses or templates).

All effects are tested on modern browsers: Chrome, Firefox, Safari, and Edge. We support the last two major versions of each browser. Effects gracefully degrade on older browsers where possible.

Yes. Effects are responsive by default and include touch support where applicable. Many effects use GSAP's matchMedia for different behaviors on mobile vs desktop.

No. GSAP is now 100% free for all users, including all plugins like SplitText and MorphSVG. This is thanks to Webflow's support of the GSAP project. You can use any GSAP plugin in your projects at no cost.

Effects are built and tested with GSAP 3.12+. We recommend using the latest stable version of GSAP for the best compatibility and performance.

Yes. The effects are written in vanilla JavaScript and can be integrated into any framework. We provide guidance on proper initialization and cleanup for React (useEffect), Vue (onMounted/onUnmounted), and Next.js (dynamic imports).

All effects include proper cleanup functions that kill ScrollTriggers and animations. Call the cleanup function before navigating away to prevent memory leaks. Documentation includes examples for various transition libraries.

Yes. Effects respect the prefers-reduced-motion media query and either disable or simplify animations for users who prefer reduced motion. Semantic HTML is used to ensure screen reader compatibility.

Effects include prefers-reduced-motion support and are built with accessibility in mind. Templates use responsive layouts that adapt to different screen sizes. However, we do not guarantee full WCAG compliance or pixel-perfect responsiveness across every device. You should test and adapt as needed for your specific requirements and user base.

Yes. Templates are designed with mobile-first responsive layouts. Animations are optimized for touch devices and respect reduced motion preferences. Some complex effects may be simplified on mobile for performance reasons.

GSAP (GreenSock Animation Platform) is a professional-grade JavaScript animation library used by over 11 million websites worldwide, including Google, Apple, Microsoft, and NASA. It provides a consistent, high-performance API for animating CSS properties, SVG, canvas, and more. GSAP has been the industry standard for web animation since 2008.

CSS animations work well for simple transitions, but GSAP excels at complex sequences, scroll-triggered effects, and precise timing control. GSAP offers better browser consistency, easier debugging, more easing options, and the ability to animate things CSS can't (like SVG paths). It also provides reliable callbacks and timeline sequencing that CSS lacks.

ScrollTrigger is a GSAP plugin that connects animations to scroll position. You define when an animation starts and ends based on where an element is in the viewport. It handles scrubbing (progress tied to scroll), pinning (fixing elements while scrolling), and triggering animations at specific scroll points.

Scroll-triggered animations use the browser's scroll position to control when and how animations play. As you scroll, the animation either plays at a set point (trigger-based) or updates continuously with scroll position (scrub-based). This creates engaging experiences where content reveals as you navigate the page.

A tween is a single animation of one or more properties. A timeline is a sequence of tweens that can play in order or overlap. Timelines let you choreograph complex animations, control the entire sequence as one unit, and easily adjust timing without recalculating delays.

Easing functions control how an animation progresses over time. Linear easing moves at constant speed, but most animations use curves like ease-out (fast start, slow end) or ease-in-out (slow start and end). Easing makes animations feel natural and polished rather than mechanical.

Parallax is when elements move at different speeds as you scroll, creating an illusion of depth. Background elements might move slower than foreground elements, mimicking how distant objects appear to move less when you're in motion. It adds visual interest and dimensionality to web pages.

Good web animations are purposeful—they guide attention, provide feedback, or enhance understanding. They're smooth (60fps), subtle (not distracting), and respect user preferences (reduced motion). They should feel natural, have appropriate timing, and never block the user from accomplishing their goals.

Animate transform and opacity properties when possible (they don't trigger layout). Use will-change sparingly for elements about to animate. Avoid animating many elements simultaneously. Use GSAP's built-in optimizations and its set() method for instant changes. Test on lower-powered devices.

No. Search engines can render JavaScript, and animations don't affect content indexing. However, ensure important content isn't hidden behind animations that require interaction. Use semantic HTML, and the actual text content will be indexed regardless of how it's animated.

After purchase, effects appear in your Library where you can view the full source code, copy it directly, or download the complete effect package. We recommend downloading your purchased effects promptly and keeping your own backup copies. While we aim to keep your Library accessible, we cannot guarantee perpetual availability of hosted files.

Yes, we strongly recommend it. Once purchased, it's your responsibility to download and securely store the effect files. While we strive to maintain your Library access, GSAP Vault may not be available indefinitely, and we cannot guarantee files will always be hosted. Treat your downloads like any other digital purchase—back them up.

No. Effects are provided as-is with documentation and LLM-friendly code comments. We cannot help you integrate effects into your specific project, debug your implementation, or customize effects for your needs. You're purchasing code, not a service. For GSAP-specific questions, the GreenSock forums are an excellent resource.

Unfortunately, we cannot offer refunds or support for integration difficulties. Effects are tested and work as demonstrated in our live previews. If you're having trouble, try using the code with an AI assistant (the code is written to be LLM-friendly), or consult the GreenSock forums. Make sure you're comfortable with code before purchasing.

Yes. Every effect has a live, interactive demo you can explore before purchasing. The demo shows the effect in action and lets you interact with it to understand how it works.

For teams needing multiple licenses or agency-wide access, contact us to discuss volume licensing options. We can provide custom arrangements for larger organizations.

Your purchases are available in your library indefinitely. However, we recommend downloading your files after purchase as a backup, as we cannot guarantee perpetual hosting.

Yes! Portfolio sites and open-source projects are covered under the standard license, as long as the effect code itself isn't the primary product being distributed.