Rare UI

A shadcn registry of rare, ready-to-use components and animations.

rareui.com  ·  Components  ·  Follow on X

Rare UI is a shadcn registry built with Next.js, Tailwind CSS, and TypeScript. Every component is animated with Motion, honors prefers-reduced-motion, and installs straight into your codebase. You own the code: no package to depend on, restyle anything.

Quick start

Install any component with the shadcn CLI:

npx shadcn@latest add swamimalode07/rare-ui/{component-name}

For example:

npx shadcn@latest add swamimalode07/rare-ui/fluid-orb

Browse every component, with live previews and props, at rareui.com/components.

Running locally

git clone https://github.com/swamimalode07/rare-ui.git
cd rare-ui
npm install
npm run dev

Components live in components/ui. After changing a component or registry.json, rebuild the registry output with npm run registry:build.

Contributing

Issues and pull requests are welcome. Read CONTRIBUTING.md for the full walkthrough, from creating a component to a working install command.

_{Built by @swamimalode}