GSAP animation components for websites that move.
Production-ready GSAP animation components for React and Next.js: scroll effects, hero sections, preloaders, cursors and text animations. Preview every animation live before you buy.
All 20 components for one $29 $19.20 payment — lifetime access, no subscription.
(01)Featured
All 20 components
No. 020 / Preloader
GSAP Column Preloader & Blooming Lily Hero Section
On Load · On Scroll · Mouse Move · On Hover
No. 019 / Scroll
GSAP Pinned Service Cards with Animated Reveals
On Scroll · On Hover · Mouse Move · On Click
No. 008 / Preloader
GSAP Loading Counter Curtain Preloader
On Load
No. 007 / Cursor
GSAP Cursor Image Trail Hero
Mouse Move
No. 006 / Scroll
GSAP Sticky Stacking Cards Scroll
On Scroll
No. 004 / Gallery
GSAP Project Index Hover Preview
On Hover · Mouse Move
(02)FAQ
Frequently asked questions
Everything about using Built for Motion components in your projects: licensing, usage and the copy-paste workflow.
01What is Built for Motion?
Built for Motion is a library of production-ready GSAP animation components for React and Next.js: scroll effects, hero sections, preloaders, cursors and text animations. Every one has a live preview, the full source and a one-command install.
02Are the animations free?
Some are. Free components come with their full source once you log in, at no cost. Pro components are unlocked by one Pro purchase.
03What's the difference between free and Pro components?
Both have live previews anyone can play with. The code of a free component is yours after a free login; the code of every Pro component comes with a one-time $19.20 purchase.
04Can I use the components in commercial or client projects?
Yes. Free and Pro components can go into personal, commercial and client projects, as many as you like.
05Do I have to credit Built for Motion?
No. Attribution is appreciated but never required.
06How do I use a component?
Open its Code tab and copy the files, or run the CLI command from the CLI tab to add the component and install its packages in one go.
07Do the components work with the latest version of GSAP?
Yes. They're written for GSAP 3.13+ with the official @gsap/react useGSAP hook, and every GSAP plugin they use is free.
08Can I request a custom animation?
Yes. Send the idea and a reference through the contact page, or hire us for a full custom build.
09Can I use a Pro component across multiple projects?
Yes. One purchase covers every project you build, now and later.
10Can I resell or redistribute the components?
No. Use them in the things you build, but don't resell or share the source as a library, template or kit.