sh4dcn
Registries
ActiveAnimated components269

@pacekit-gsap

Animated components · MIT · data updated 2026-07-28

A companion GSAP-powered animation component library from PaceKit, providing React components with smooth GSAP-driven interactions for production apps. The docs nav lists an AI Toolkit category (Modal Selector, Modal Ability Selector, AI Suggestions, Response Writer, Token Counter) alongside Text Effects (Reveal Text, Scramble Text, Squash Text, Bouncing Text, Draw Line Text, Mouse Wave Text, Dot Animation) and additional animated Blocks. Uses GSAP (GreenSock) rather than CSS transitions or Framer Motion. Tailwind CSS, TypeScript, shadcn CLI compatible. Free, MIT-licensed. Use for: adding high-quality GSAP-driven text animations and interactive UI effects to Next.js or React apps without building animation logic from scratch.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@pacekit-gsap preview
aestheticaianimationbackgroundsblocksbuttonscardsdesign-systemformsglassmorphismhooksloadersmediaoverlaystext-effects

Install

npx shadcn@latest add https://gsap.pacekit.dev/r/registry.json

Health

StatusActive
Last commit4 months ago
LicenseMIT
Open issues0
ArchivedNo
Stars269

Components (29)

indexai-suggestionsai-modal-selectorai-modal-ability-selectorai-response-writerai-token-counterreveal-textscramble-textsquash-textbouncing-textdraw-line-textmouse-wave-texttext-fall-buttonspring-buttonfillable-buttonswapanimated-stacklayered-stackgradient-shadowgithub-star-counterprofile-peekflip-revealreveal-on-scrollstagger-on-scrollliquid-cursorliquid-glasstilt-carddot-loaderdot-flow
Components: index, ai-suggestions, ai-modal-selector, ai-modal-ability-selector, ai-response-writer, ai-token-counter, reveal-text, scramble-text, squash-text, bouncing-text, draw-line-text, mouse-wave-text, text-fall-button, spring-button, fillable-button, swap, animated-stack, layered-stack, gradient-shadow, github-star-counter, profile-peek, flip-reveal, reveal-on-scroll, stagger-on-scroll, liquid-cursor, liquid-glass, tilt-card, dot-loader, dot-flow

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@pacekit-gsap · index

npx shadcn@latest add https://gsap.pacekit.dev/r/index.json
View source