Animated Component Library

Animations worth
noticing.

Production-ready animated components built with GSAP and Lenis. Copy the source, drop it in your project, and customize every detail — no wrestling with third-party APIs or version conflicts.

MITlicense
10+components
TStyped
Browse components
scroll
Stroke Cards·Team Section·Spring Back Card·More Space Scroll·Infinite Contact·Infinite Slider·Glowing Light·Gooey Bar·Pixel Image·Split Cards·Stroke Cards·Team Section·Spring Back Card·More Space Scroll·Infinite Contact·Infinite Slider·Glowing Light·Gooey Bar·Pixel Image·Split Cards·
How it works

Find a component.
Run one command.

01

Browse

Pick a component from the library. Preview it live, read the docs.

02

Install

Run npx prodigy@latest add <name>. The file lands in your project.

03

Ship

Own the source. Tweak it, extend it, delete it. No upstream breakage.

Why this

Copy. Paste. Done.

Every component ships as a single self-contained file. No wrappers, no providers, no runtime package to version-lock yourself into.

Motion-first

GSAP, Lenis, and spring physics baked in. Real scroll-driven animations — not CSS transitions pretending to be something more.

Full source control

You own the file. Tweak easing curves, swap colors, rewrite the whole thing. No black box, no abstraction tax.

Zero opinion on stack

Works in any Next.js or React project using Tailwind CSS, Just drop the file in and install the listed peer deps.

Built with
GSAP
Motion
Lenis
React
Next.js
TypeScript
Tailwind

Start building
today.

Every component is a copy-paste starting point. No lock-in, no surprises.

Browse all components →