ComponentReactregistry:ui2 dependencies

3D Folder

3d-folder

A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.

@gammaui Registry JSON

Live

Starting the live preview…

Rendered from its demo 3D Folder Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @gammaui/3d-folder

Needs @gammaui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @gammaui
Kind: Component
Framework: React
Files: 1 · 20.6 KB
Preview: Live via example
License: MIT

npm dependencies

react @tabler/icons-react

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.

@gammaui

More from @gammaui

Search the catalog

3D Folder

See it in use

More from @gammaui