PaceUI GSAP provides a curated collection of modern animated UI components and micro-interactions designed to elevate user experiences. Built on top of GSAP and Tailwind CSS, these components integrate directly into your React & Next.js applications using the shadcn CLI.

Why GSAP Components?

Fluid Micro-Interactions Engage users with interactive hover states, text animations, spring dynamics, and smooth timeline transitions powered by GSAP.
Full Code Ownership Component source code lands directly in your codebase via the shadcn CLI with no external library lock-in.
Performant & Responsive Hardware-accelerated CSS and GSAP animations optimized for high performance across all screen sizes.
Customizable Design Easily adjust animation timings, physics parameters, colors, and layout props to fit your design system.

Getting Started

Add any GSAP component directly to your project using the shadcn CLI:

NPM

pnpm

Yarn

Bun

npx shadcn@latest add @paceui/gsap-animated-stack

Explore the GSAP components in the sidebar to preview interactive demos, view code snippets, and check property references.

Modal Ability Selector