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.

prathmeshgupta Updated

File contents

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.

prathmeshgupta/claude-skills/tree/main/plugins/frontend-quality/skills/rare-ui commit d6babe15ee

Frequently asked questions

npx skillmds@latest add prathmeshgupta/rare-ui