# Clone & modify: @fluid

Fluid components used exclusively in service of functional clarity. Proximity hover, spring animations, font-weight transitions, and animated focus rings.

> 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/fluid/index.json
- One component:      https://sh4dcn.vercel.app/clone/fluid/items/<component>.json
- This library's row: https://sh4dcn.vercel.app/clone/manifest.json  (slug "fluid")
- 38 of 53 components mirrored here.

## 2. Install into a shadcn project
```sh
npx shadcn@latest add https://www.fluidfunctionalism.com/r/registry.json
```
...or a single component:
```sh
npx shadcn@latest add https://www.fluidfunctionalism.com/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/fluid/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://www.fluidfunctionalism.com
- GitHub:   https://github.com/mickadesign/fluid-functionalism