File manager
A browsable file surface: folders, a grid and list view, and the detail panel for one file.
⚠️ Pro edition
These screens are in the Pro download. The free edition ships the design system and the demo, not the application screens.
The screens
One screen, at this route in your download. Open them beside this page.
| Route | Screen | What it is for |
|---|---|---|
| /file-manager | File manager | Folder tree, file grid or list, storage summary and a detail panel. |
What you get
- Grid and list as a real toggle, not two pages.
- Type-aware icons and previews, with a size and modified column that sorts.
- A storage meter, so the screen has somewhere for a quota to live.
What you connect
These are interfaces, not an application.They render, they hold their own state, and they talk to nothing. Everything below is your application's, and none of it is supplied.
- Storage. No bucket, no upload, no download. The tree and the files are demo data.
- Quota. The meter renders a number you supply.
- Permissions and sharing. The share control opens a dialog. It grants nothing.
- Preview generation. Thumbnails are static assets.
Built from
Nothing here is a one-off. Each screen composes the same families documented in the reference, so changing a token moves them with the rest of the product.
card, badge, dropdown-menu, progress, scroll-area.
Next
A customer screen, end to end builds one of these from an empty route, and Theming is how you make them look like yours.