Question 1

What is TweenLabs?

Accepted Answer

TweenLabs is a curated library of high-fidelity, interactive, and portable GSAP components, UI templates, and scroll-triggered animations. Every resource is designed to be easily copy-pasted into your React and Next.js projects.

Question 2

Are these GSAP components free?

Accepted Answer

Yes, all TweenLabs animations and layouts are free and open-source. Simply click 'Get Code' on any card, install the required packages, and drop the code directly into your codebase.

Question 3

What frameworks are supported?

Accepted Answer

Our components are optimized for React 19, Next.js 16 (App Router), TypeScript, and Tailwind CSS. They utilize standard clean packages like @gsap/react and Lenis smooth scrolling.

Question 4

What kind of GSAP components are included?

Accepted Answer

TweenLabs houses a wide range of creative mechanics: 3D hover tilt grids, kinetic wave typography, scroll-pinned parallax card decks, pointer drag carousel wheels, elastic fluid cursors, and animated SVG networks.

3D Coverflow Carousel

Quantum Compiler

Kinetic Geometry

Syntactic Shadow

Hydra Protocol

Hyperion Core

Helios Shader