---
name: "@pulkitxm"
slug: "pulkitxm"
description: "A personal shadcn registry by developer Pulkit offering 31 GSAP- and Framer Motion-powered components for expressive UIs: slide-in-text, text-scramble, typewriter, stagger-reveal-grid, tilt-card-glare, aurora-background, fluid-cursor-trail, magnetic-cursor-dock, svg-morph-button, svg-particle, swap-button, parallax-image, gravity-scroll-cards, horizontal-scroll-gallery, scroll-linked-video-scrubber, infinite-circular-scroll, cursor-spotlight, scroll-progress, resizable-panels, number-counter, handwriting-svg, network-image, animated-underline, animated-underline-navbar, and more. Tailwind CSS, React. Free. Use for: drop-in scroll-linked animations, cursor effects, and motion-driven text components in marketing pages or portfolios."
category: "Animated components"
tags: ["aesthetic", "animation", "backgrounds", "buttons", "cards", "loaders", "marketing", "media", "mobile", "navigation", "pro-available", "saas", "text-effects", "theming"]
framework: "react"
license: null
author: "Pulkitxm"
website: "https://pulkit.page"
github: "https://github.com/Pulkitxm"
registry: "https://pulkit.page/components/registry.json"
pro: true
pro_url: "https://pulkit.page/pricing"
github_stars: null
component_count: 31
generated_at: "2026-07-28T08:59:05.895Z"
---

# @pulkitxm

A personal shadcn registry by developer Pulkit offering 31 GSAP- and Framer Motion-powered components for expressive UIs: slide-in-text, text-scramble, typewriter, stagger-reveal-grid, tilt-card-glare, aurora-background, fluid-cursor-trail, magnetic-cursor-dock, svg-morph-button, svg-particle, swap-button, parallax-image, gravity-scroll-cards, horizontal-scroll-gallery, scroll-linked-video-scrubber, infinite-circular-scroll, cursor-spotlight, scroll-progress, resizable-panels, number-counter, handwriting-svg, network-image, animated-underline, animated-underline-navbar, and more. Tailwind CSS, React. Free. Use for: drop-in scroll-linked animations, cursor effects, and motion-driven text components in marketing pages or portfolios.

## Links

- Website: https://pulkit.page
- GitHub: https://github.com/Pulkitxm
- Registry JSON: https://pulkit.page/components/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/pulkitxm
- This file: https://sh4dcn.vercel.app/md/pulkitxm.md
- Pro / pricing: https://pulkit.page/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://pulkit.page/components/registry.json
pnpm dlx shadcn@latest add https://pulkit.page/components/registry.json
bunx shadcn@latest add https://pulkit.page/components/registry.json
# clone the source repo
git clone https://github.com/Pulkitxm.git
# fetch the raw registry index
curl -s https://pulkit.page/components/registry.json
```

## Components (31)

| name | type | description | install |
| --- | --- | --- | --- |
| slide-in-text | registry:component | Animates text sliding in from the left with a fade on scroll into view. | `npx shadcn@latest add https://pulkit.page/components/slide-in-text.json` |
| network-image | registry:component | Image component that adapts quality and loading strategy based on real-time network speed. | `npx shadcn@latest add https://pulkit.page/components/network-image.json` |
| animated-underline | registry:component | Animated underline that tracks hover/active state and slides beneath nav items. Use with data-link-index on list items. | `npx shadcn@latest add https://pulkit.page/components/animated-underline.json` |
| animated-underline-navbar | registry:block | Sample navbar demonstrating AnimatedUnderline with hover and active states. | `npx shadcn@latest add https://pulkit.page/components/animated-underline-navbar.json` |
| party-popper | registry:component | Confetti celebration effect on click. Wraps any trigger element and fires particles on interaction. | `npx shadcn@latest add https://pulkit.page/components/party-popper.json` |
| parallax-image | registry:component | Scroll-linked parallax effect for images or content. Moves children on scroll for depth. | `npx shadcn@latest add https://pulkit.page/components/parallax-image.json` |
| not-found-page | registry:component | Animated 404 page with subtle icon motion and reduced-motion support. | `npx shadcn@latest add https://pulkit.page/components/not-found-page.json` |
| theme-toggle | registry:block | Accessible dark mode toggle with View Transitions API support and icon, icon-label, or dual-tab variants. | `npx shadcn@latest add https://pulkit.page/components/theme-toggle.json` |
| text-scramble | registry:component | Text that decrypts character by character with a scramble effect. Trigger on scroll, hover, or mount. | `npx shadcn@latest add https://pulkit.page/components/text-scramble.json` |
| tilt-card-glare | registry:component | 3D card with tilt and holographic glare effect that follows the cursor. | `npx shadcn@latest add https://pulkit.page/components/tilt-card-glare.json` |
| line-draw-svg | registry:component | SVG path that draws itself on scroll, hover, or mount. Presets: diamond, circle, star, heart, arrow. | `npx shadcn@latest add https://pulkit.page/components/line-draw-svg.json` |
| fluid-cursor-trail | registry:component | Canvas particle trail that follows the cursor. Fixed overlay, customizable color and particle count. | `npx shadcn@latest add https://pulkit.page/components/fluid-cursor-trail.json` |
| typewriter | registry:component | Typewriter effect that cycles through phrases with variable typing speed and blinking cursor. | `npx shadcn@latest add https://pulkit.page/components/typewriter.json` |
| magnetic-cursor-dock | registry:component | macOS-style dock with magnetic cursor effect. Items scale and lift as cursor approaches. | `npx shadcn@latest add https://pulkit.page/components/magnetic-cursor-dock.json` |
| aurora-background | registry:component | Living aurora background with multiple variants. Sunset, ocean, forest, lavender, ember, ice. | `npx shadcn@latest add https://pulkit.page/components/aurora-background.json` |
| svg-morph-button | registry:component | Button with SVG path morph animation. Supports custom paths for idle, hover, loading, success. | `npx shadcn@latest add https://pulkit.page/components/svg-morph-button.json` |
| svg-particle | registry:component | 400x400 Three.js particle field from SVG. lucide-react, react-icons, Heroicons, Tabler, Phosphor, and similar libs work out of the box. Cursor repel + spring h… | `npx shadcn@latest add https://pulkit.page/components/svg-particle.json` |
| swap-button | registry:component | Shadcn button that swaps between two labels (and optional icons) with a crossfade. Width stays put. No layout jump when copy changes. | `npx shadcn@latest add https://pulkit.page/components/swap-button.json` |
| stagger-reveal-grid | registry:component | Grid that reveals items with wave-like stagger on scroll. Configurable columns and timing. | `npx shadcn@latest add https://pulkit.page/components/stagger-reveal-grid.json` |
| handwriting-svg | registry:component | SVG path that draws itself on mount. Pass path for custom shapes or text to render handwriting. | `npx shadcn@latest add https://pulkit.page/components/handwriting-svg.json` |
| gravity-scroll-cards | registry:component | Cards that stack and unstack with scroll. Gravity-style depth effect. | `npx shadcn@latest add https://pulkit.page/components/gravity-scroll-cards.json` |
| scroll-linked-video-scrubber | registry:component | Scroll-jacks the page when the video reaches the viewport top. Scrubs video forward/backward with wheel input. | `npx shadcn@latest add https://pulkit.page/components/scroll-linked-video-scrubber.json` |
| horizontal-scroll-gallery | registry:component | Pinned section where vertical scroll drives horizontal gallery position. Same pattern as Scroll-Linked Video Scrubber. | `npx shadcn@latest add https://pulkit.page/components/horizontal-scroll-gallery.json` |
| infinite-circular-scroll | registry:component | Circular layout with numbered cards. Scroll wheel rotates the circle. No scrollbar, finite cards. | `npx shadcn@latest add https://pulkit.page/components/infinite-circular-scroll.json` |
| cursor-spotlight | registry:component | Cursor spotlight effect. Dimmed background with bright radial gradient following cursor. | `npx shadcn@latest add https://pulkit.page/components/cursor-spotlight.json` |
| scroll-progress | registry:component | Fixed bar at the top that scales horizontally with scroll progress. Uses Framer Motion for smooth updates. | `npx shadcn@latest add https://pulkit.page/components/scroll-progress.json` |
| resizable-panels | registry:component | Drag-resizable panels for dashboards, IDEs, and editors. Supports horizontal/vertical layout and dynamic panel count. | `npx shadcn@latest add https://pulkit.page/components/resizable-panels.json` |
| number-counter | registry:component | Animated number counter that counts from 0 to target. Tabular nums prevent layout shift, respects reduced motion. | `npx shadcn@latest add https://pulkit.page/components/number-counter.json` |
| tabs | registry:component | Accessible tabs with icon support, sliding indicator, and optional content panels. Keyboard navigable. | `npx shadcn@latest add https://pulkit.page/components/tabs.json` |
| lonely-tab-title | registry:component | Changes the page title to a custom message when the user switches away from the tab. Uses the Page Visibility API. | `npx shadcn@latest add https://pulkit.page/components/lonely-tab-title.json` |
| lqip-image | registry:component | Image component with Low Quality Image Placeholder (LQIP). Shows a blurred placeholder that fades into the full image on load. | `npx shadcn@latest add https://pulkit.page/components/lqip-image.json` |

## For AI agents

```text
You are adding components from @pulkitxm to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/pulkitxm.md) for the component list.
2. Fetch the machine-readable index: https://pulkit.page/components/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: pulkitxm).
```