@paceui-gsap
Animated GSAP components crafted for smooth interaction and rich detail.
Install this registry
npx shadcn@latest add https://gsap.paceui.com/r/registry.json pnpm dlx shadcn@latest add https://gsap.paceui.com/r/registry.json bunx shadcn@latest add https://gsap.paceui.com/r/registry.json curl -s https://gsap.paceui.com/r/registry.json Components
29 totalnpx shadcn@latest add https://gsap.paceui.com/r/index.json Get smart, real-time AI recommendations to refine and improve your work
npx shadcn@latest add https://gsap.paceui.com/r/ai-suggestions.json AI-focused model selector with preview, tooltips, and capability indicators built-in
npx shadcn@latest add https://gsap.paceui.com/r/ai-modal-selector.json Compact selector for toggling abilities with icons and custom styles
npx shadcn@latest add https://gsap.paceui.com/r/ai-modal-ability-selector.json An auto-scrolling text display that smoothly keeps the latest response always visible
npx shadcn@latest add https://gsap.paceui.com/r/ai-response-writer.json Compact selector for toggling abilities with icons and custom styles
npx shadcn@latest add https://gsap.paceui.com/r/ai-token-counter.json A smooth text reveals animation where each heading reveals related content on interaction.
npx shadcn@latest add https://gsap.paceui.com/r/reveal-text.json A hover-triggered text effect that scrambles and restores characters with smooth motion
npx shadcn@latest add https://gsap.paceui.com/r/scramble-text.json Characters bounce and squash into place with playful, dynamic energy.
npx shadcn@latest add https://gsap.paceui.com/r/squash-text.json A playful animation where characters bounce in sequence across the text.
npx shadcn@latest add https://gsap.paceui.com/r/bouncing-text.json A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.
npx shadcn@latest add https://gsap.paceui.com/r/draw-line-text.json Creates a wave-like bounce effect on text as the mouse moves across
npx shadcn@latest add https://gsap.paceui.com/r/mouse-wave-text.json A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.
npx shadcn@latest add https://gsap.paceui.com/r/text-fall-button.json A button that shrinks on press and springs back with bounce.
npx shadcn@latest add https://gsap.paceui.com/r/spring-button.json A button that fills with color on hover.
npx shadcn@latest add https://gsap.paceui.com/r/fillable-button.json A flexible swap component that animates content changes with smooth customizable transition effects.
npx shadcn@latest add https://gsap.paceui.com/r/swap.json A smooth stacked card component that expands on hover and collapses with animation.
npx shadcn@latest add https://gsap.paceui.com/r/animated-stack.json An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.
npx shadcn@latest add https://gsap.paceui.com/r/layered-stack.json Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.
npx shadcn@latest add https://gsap.paceui.com/r/gradient-shadow.json Display live GitHub star count for any public repository
npx shadcn@latest add https://gsap.paceui.com/r/github-star-counter.json Hover to peek profile with smooth reveal, right from the image.
npx shadcn@latest add https://gsap.paceui.com/r/profile-peek.json Animated container that reveals or hides items using GSAP Flip transitions and keys.
npx shadcn@latest add https://gsap.paceui.com/r/flip-reveal.json Animate content into view on scroll with effects like fade, slide, zoom, and blur.
npx shadcn@latest add https://gsap.paceui.com/r/reveal-on-scroll.json Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.
npx shadcn@latest add https://gsap.paceui.com/r/stagger-on-scroll.json A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.
npx shadcn@latest add https://gsap.paceui.com/r/liquid-cursor.json A smooth glass effect with subtle blur, ideal for UI highlights and overlays.
npx shadcn@latest add https://gsap.paceui.com/r/liquid-glass.json Interactive 3D tilt card that responds to cursor, adds depth and motion
npx shadcn@latest add https://gsap.paceui.com/r/tilt-card.json A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loading states in your app.
npx shadcn@latest add https://gsap.paceui.com/r/dot-loader.json Visually expressive status updates with animated dots and smooth sliding text transitions.
npx shadcn@latest add https://gsap.paceui.com/r/dot-flow.json