# Rare UI

> Use when the user wants a rare, distinctive, animated UI component in a React/Next + Tailwind + Motion codebase — sidebars, drawers, pickers, orbs, counters, nav, reveals, OTP inputs, activity graphs. A shadcn registry of ready-to-drop components that honour prefers-reduced-motion; you own the code, no runtime dependency.

- Skill: `prathmeshgupta/rare-ui` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add prathmeshgupta/rare-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/prathmeshgupta/rare-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: prathmeshgupta (https://skillmd.com/u/prathmeshgupta)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/prathmeshgupta/rare-ui

---


# Rare UI

A shadcn registry of animated components (source: swamimalode07/rare-ui,
rareui.com). Components include: folder-component, bounce-sidebar, hook-sidebar,
family-drawer, proximity-sidebar, duration-picker, fluid-orb, scroll-progress,
code-block, otp-input, gravity-letters, github-activity, emoji-reaction,
notification-bell, step-player, grid-reveal, gooey-nav, delete-button,
animated-counter, matrix-orb. The full manifest is in `registry.json`.

Install a component with the shadcn CLI, e.g.
`npx shadcn@latest add "https://rareui.com/r/<component>.json"` — confirm the
exact URL for each component at https://rareui.com/components. Every component
is animated with Motion and respects `prefers-reduced-motion`.