LogoLogoLogoLogoPaceKit
BlocksGSAP
GSAP
  • Introduction
  • Installation
  • AI Toolkit
  • Modal Selector
  • Modal Ability Selector
  • AI Suggestions
  • Response Writer
  • Token Counter
  • Text Effects
  • Reveal Text
  • Scramble Text
  • Squash Text
  • Bouncing Text
  • Draw Line Text
  • Mouse Wave Text
  • Dot Animations
  • Dot Loader
  • Dot Flow
  • Flow Builder
  • Buttons
  • Text Fall Button
  • Spring Button
  • Utility & Misc
  • Swap
  • Animated Stack
  • Layered Stack
  • Gradient Shadow
  • GitHub Star Counter
  • Profile Peek
  • Flip Reveal
  • Special Cases
  • Reveal On Scroll
  • Stagger on Scroll
  • Liquid Cursor
  • Liquid Glass
  • Tilt Card

Introduction

HomeNext

Animated components and design blocks crafted for smooth interaction and rich detail

A growing set of animated components designed to drop smoothly into any React project. Crafted for clean structure, clear behavior, and simple reuse. Just copy, paste, and make them yours.

More animations, interactive sections, and design tools are on the way.

Motivation

PaceKit - GSAP is all about thoughtful design and smooth interaction. Each component is made to look clean and feel right, bringing a natural flow to your interface.

It follows the same simple and flexible approach as Shadcn, but with animation built in from the beginning.

Credits

  • Animations: GSAP
  • Icon: Lucide
  • CLI: Shadcn
  • Code Highlight: Shiki
  • Documentation: Fumadocs

Note: This isn't just a component library. It's a collection of reusable components ready to copy and paste directly into your project.

Installation

Built by Denish at PaceKit

On This Page

MotivationCredits

Better Auth Starter

Ship your SaaS faster with a solid starting point for TanStack Start and Next.js

Launch Now