# Clone & modify: @animbits

AnimBits is a collection animated UI components for React that use Framer Motion. The components provided include buttons, cards, text, icons, lists, loaders, and page transitions, animation hooks all of which have general-purpose effects that are not flashy and easy on the eyes, making them easy to use.

> Generated from the sh4dcn directory JSON. Source tier: **clone** (verbatim).

## 1. Read the cloned source — no upstream fetch
- Registry listing:  https://sh4dcn.vercel.app/clone/animbits/index.json
- One component:      https://sh4dcn.vercel.app/clone/animbits/items/<component>.json
- This library's row: https://sh4dcn.vercel.app/clone/manifest.json  (slug "animbits")
- 99 of 99 components mirrored here.

## 2. Install into a shadcn project
```sh
npx shadcn@latest add https://animbits.dev/r/registry.json
```
...or a single component:
```sh
npx shadcn@latest add https://animbits.dev/r/<component>.json
```

## 3. Make a modified copy (the "copies" tier)
Copy the item JSON you want to change, edit it, and place it under:
```
/copies/animbits/items/<component>.json
```
A copy takes precedence over its clone everywhere on sh4dcn; the clone stays
pristine. Record it in /copies/manifest.json (scripts/build-copies.mjs picks up
files on disk automatically).

## Links
- Homepage: https://animbits.dev
- GitHub:   https://github.com/Garvit1000/AnimBits