PaceKit

Also in the PaceKit registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• Modal Ability Selector

  ai-modal-ability-selector

  Compact selector for toggling abilities with icons and custom styles

  gsap, @gsap/react1 file
  PromptCopy

• Modal Selector

  ai-modal-selector

  AI-focused model selector with preview, tooltips, and capability indicators built-in

  gsap, @gsap/react1 file
  PromptCopy

• Modal Ability Selector

  ai-token-counter

  Compact selector for toggling abilities with icons and custom styles

  gsap, @gsap/react1 file
  PromptCopy

• Animated Stack

  animated-stack

  A smooth stacked card component that expands on hover and collapses with animation.

  gsap, @gsap/react1 file
  PromptCopy

• Dot Flow

  dot-flow

  Visually expressive status updates with animated dots and smooth sliding text transitions.

  gsap, @gsap/react1 file
  PromptCopy

• Dot Loader

  dot-loader

  A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loading states in your app.

  1 file
  PromptCopy

• Draw Line Text

  draw-line-text

  A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.

  gsap, @gsap/react1 file
  PromptCopy

• Fillable Button

  fillable-button

  A button that fills with color on hover.

  gsap, @gsap/react1 file
  PromptCopy

• Flip Reveal

  flip-reveal

  Animated container that reveals or hides items using GSAP Flip transitions and keys.

  gsap, @gsap/react1 file
  PromptCopy

• Layered Stack

  layered-stack

  An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.

  gsap, @gsap/react1 file
  PromptCopy

• Liquid Cursor

  liquid-cursor

  A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.

  gsap, @gsap/react1 file
  PromptCopy

• Liquid Glass

  liquid-glass

  A smooth glass effect with subtle blur, ideal for UI highlights and overlays.

  gsap, @gsap/react1 file
  PromptCopy

• Profile Peek

  profile-peek

  Hover to peek profile with smooth reveal, right from the image.

  gsap, @gsap/react1 file
  PromptCopy

• Reveal On Scroll

  reveal-on-scroll

  Animate content into view on scroll with effects like fade, slide, zoom, and blur.

  gsap, @gsap/react1 file
  PromptCopy

• Reveal Text

  reveal-text

  A smooth text reveals animation where each heading reveals related content on interaction.

  gsap, @gsap/react1 file
  PromptCopy

• Spring Button

  spring-button

  A button that shrinks on press and springs back with bounce.

  gsap, @gsap/react1 file
  PromptCopy

• Stagger on Scroll

  stagger-on-scroll

  Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.

  gsap, @gsap/react1 file
  PromptCopy

• Swap

  A flexible swap component that animates content changes with smooth customizable transition effects.

  gsap, @gsap/react1 file
  PromptCopy

• Text Fall Button

  text-fall-button

  A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.

  gsap, @gsap/react1 file
  PromptCopy

• Tilt Card

  tilt-card

  Interactive 3D tilt card that responds to cursor, adds depth and motion

  gsap, @gsap/react1 file
  PromptCopy