Rare UI Studio

28 rare animated React components

Rare UI Studio — 28 rare animated React components with live playgrounds, real props, install commands and credit rules.

How to use Rare UI Studio

  1. Browse all 28 registry components and search by name, title or description to find the one you need
  2. Open the live playground and try the folder, bounce sidebar, OTP input, counter, delete and task demos
  3. Select any component on the install tab to get its exact shadcn add command for your project
  4. Test the OTP patterns, counter decimals, duration limits and gooey nav spring behaviour live first
  5. Copy or download the snippet, then credit Rare UI with a visible link to rareui.com as required

Features

  • Built on the real swamimalode07/rare-ui repo (rareui.com, 1853 stars, not Codewithswappy RareUI)
  • All 28 registry UI items verbatim from registry.json: name, title, description and dependencies
  • Real install command from the README: npx shadcn add swamimalode07/rare-ui plus component name
  • Real demo constants: OTP length 6 and success green, counter ease and 15 decimals, delete holds
  • Gooey nav spring 200 over 28, duration picker gap 8 and corner 12, bounce dot FC4C01
  • Honest scope: WebGL orbs, Vaul drawers and GitHub heatmaps need a host app or live API to run

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.