Folder
Animated folder icons with hover interactions. Pick the variant you like.
Fan Folder
Cards fan out and spread behind the folder on hover.
Installation
$ npx shadcn add https://knot-ui.trupal.me/r/fan-folder.json
Open Folder
Lid opens with 3D perspective and floating cards emerge on hover.
Welcome
to
Knot-UI
Welcome
Knot-UI
to
Welcome
Knot-UI
to
Welcome
Knot-UI
to
Installation
$ npx shadcn add https://knot-ui.trupal.me/r/open-folder.json
Lift Folder
Lid lifts up in 3D while stacked cards reveal behind it on hover.
Installation
$ npx shadcn add https://knot-ui.trupal.me/r/lift-folder.json
Props
All folder variants share the same props.
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 80 | Size of the folder in pixels |
| color | "black" | "green" | "blue" | "purple" | "black" | Color theme of the folder |