For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- A team drive page: a folder tree beside the open folder's contents as a list or card grid
- Shared studio or agency storage where people upload, share by link, move and restore deleted items
When not to use
- A nested outline or folder picker alone, with no listing of the open folder beside it: use the Tree component
- One nested table of folders whose rows move into other folders by pointer: use the Drag & Drop blocks
- A drop zone or picker for attachments inside a form, with no drive to browse: use the File Upload component
Agent notes
- page.tsx wraps each block in an
h-svhmainwith padding and the block fills it withh-full; inside an app shell give it a bounded height
Third-party API docs
- TanStack Table v9: API reference, docs, used by 1 of 1 blocks
- Headless Tree v1: API reference, docs, used by 1 of 1 blocks
- Sonner v2: API reference, docs, used by 1 of 1 blocks
https://web.dev.reui.io/blocks/solutions/files.mdsearch({ query: "files", type: "block", category: "files" })Shadcn Files Blocks: File Explorers, Sharing and Storage Management
A file explorer is a tree, a list, a grid and a set of dialogs that all have to agree on selection. These blocks ship them together on the ReUI Tree and Data Grid, with drag and drop moves, the share dialog with permissions, and the storage meter that every plan page needs.
All Files Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Drive Explorer Drive Explorer with Folder Tree Rail and Switchable List or Grid Views
What the Files blocks cover
Solutions screens, each a full block with fixture data:
- Drive Explorer with Folder Tree Rail and Switchable List or Grid Views
Built from
- shadcn/ui components Alert Dialog, Avatar, Breadcrumb, Button, Card, Checkbox, the same components your project already owns.
- Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
Is drag and drop between folders included?
How do I install a Files block?
Is a license needed?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.