# X Follow Card — component for social posts & cards (remotion)

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

Animated X profile follow card — spring bounce-in, staggered blur-in, a synthetic cursor that clicks Follow and flips it to Following. Light/dark, horizontal or vertical.

- **Install:** `npx shadcn@latest add @remocn/x-follow-card`
- **Installs first:** cursor
- **Registry:** remocn · **Framework:** remotion · **License:** MIT
- **Docs and preview:** https://remocn.dev/docs/social/x-follow-card
- **Source:** https://remocn.dev/r/x-follow-card.json
- **Runs:** local render, free
- **Aspect:** any

## Slots (what you fill in)

- `name` (string)
- `handle` (string)
- `bio` (string)
- `avatarUrl` (string)
- `coverUrl` (string)
- `location` (string)
- `website` (string)
- `joined` (string)
- `verified` (boolean)
- `accentColor` (color)
- `orientation` (string)

## Used in

- [Testimonial & review ad](https://skills.varg.ai/video/testimonial-ad.md)
- [Captioned talking clip](https://skills.varg.ai/video/captioned-clip.md)
- [Post-story narration](https://skills.varg.ai/video/story-narration.md)
- [Post to video](https://skills.varg.ai/video/post-to-video.md)
- [Channel intro & end screen](https://skills.varg.ai/video/channel-intro.md)
- [Year in review / Wrapped](https://skills.varg.ai/video/wrapped.md)
- [Single & album promo](https://skills.varg.ai/video/release-promo.md)
- [Stream overlay package](https://skills.varg.ai/video/stream-overlay.md)

## More social posts & cards

- [Instagram Follow](https://skills.varg.ai/component/hf.instagram-follow.md) — `npx hyperframes add instagram-follow`
- [Liquid Glass Notification](https://skills.varg.ai/component/hf.liquid-glass-notification.md) — `npx hyperframes add liquid-glass-notification`
- [macOS Notification](https://skills.varg.ai/component/hf.macos-notification.md) — `npx hyperframes add macos-notification`
- [Native Notification Pop](https://skills.varg.ai/component/hf.native-notification-pop.md) — `npx hyperframes add native-notification-pop`
- [Notification Cascade](https://skills.varg.ai/component/hf.notification-cascade.md) — `npx hyperframes add notification-cascade`
- [Notification Pileup](https://skills.varg.ai/component/hf.notification-pileup.md) — `npx hyperframes add notification-pileup`