UI32
47 Accordion48 Alerts49 Avatar50 Badge51 Breadcrumb52 Button53 Button Group54 Calendar55 Card56 Checkbox57 Collapsible58 Combobox59 Data Table60 Date Picker61 Dialog62 Dropdown Menu63 Form64 Input65 Input Mask66 Input OTP67 Pagination68 Popover69 Radio Group70 Select71 Sheet72 Slider73 Sonner74 Switch75 Table76 Tabs77 Textarea78 Tooltip
Charts2
01 Animated radial chart99 Live line
Interactive6
02 Message dock03 Voice powered orb07 Draggable rope93 Timer113 Elastic frame117 Scene states
AI2
13 AI voice input103 Agent trace
Galleries4
04 Ruler carousel10 Portfolio gallery32 Hover image gallery115 Project index
Heroes2
05 Video scroll hero116 Aperture dive
Shaders6
80 Aurora veil88 Kinetic dots90 Silt91 Intaglio92 Phosphor114 Sumi
Tables20
06 Financial table43 Contacts table44 Leads table45 Resizable table46 Server management89 Periodic table100 Flap ledger120 Sortable table121 Pricing table122 Invoice table123 Leaderboard124 Changelog table125 API reference table126 File tree table127 Timetable128 Shortcuts table129 Spec sheet130 Transactions table131 Spreadsheet grid132 Permissions matrix
Cards15
11 Video upload card16 Animated card options17 Animated card status list18 Audio upload card19 Bonuses incentives card20 Coach scheduling21 Dashboard card modal22 Event countdown card23 Hover detail card24 News cards25 Onboarding stages26 Prediction market card27 Product reveal card28 Profile hover card29 Project cards
Badges1
14 Animated status badge
Controls3
31 Gradient selector95 Adaptive precision slider96 Click wheel
Navigation2
94 Radial command ring108 Minimap scrollbar
Utilities3
98 Spring tuner110 Stroke-morph icon119 Glow rules
HUD8
09 HUD frame15 Animated download34 Glitchy 40435 Overlay 236 HUD button37 HUD graph38 HUD status40 Warning graphic
Text10
33 Reveal text133 Glyph morph134 Weight wave135 Decode text136 Magnetic letters137 Slice shift138 Stroke draw type139 Ink bleed text140 Liquid text141 Chromatic text
Components•File tree table
Components•File tree table

File tree table

A file browser built on the ARIA treegrid pattern. Arrow keys walk and fold the tree, typing jumps by name, folders roll up their size, and sorting keeps folders on top.

Dependencies

Motionclsx

Copy below cli

npx shadcn add @bjork-ui/file-tree-table

How to use

import { FileTreeTable, type FileNode } from "@/components/bjork-ui/tables/file-tree-table";const nodes: FileNode[] = [  {    id: "src",    name: "src",    children: [      { id: "src/app.tsx", name: "app.tsx", size: 4208, modified: "2026-10-04T12:00:00Z" },      { id: "src/styles.css", name: "styles.css", size: 1840, modified: "2026-09-28T09:30:00Z" },    ],  },  { id: "package.json", name: "package.json", size: 2874, modified: "2026-10-05T18:10:00Z" },];<FileTreeTable  nodes={nodes}  title="my-app"  defaultExpanded={["src"]}  onOpen={(node) => openInEditor(node.id)}  onSelectionChange={(ids) => setSelected(ids)}/>
PreviousAPI reference tableNextTimetable
  1. lumen-console
  2. /…
  3. /app
  4. /dashboard
  5. /projects
  6. /[slug]
  7. /page.tsx
Files in lumen-console. Arrow keys move between rows, Right expands a folder, Left collapses it, Enter opens, type to jump by name.
.github5
5.4 KBFolder · 5 files1 wk ago
app
167 KBFolder · 29 files42 min ago
(marketing)6
46 KBFolder · 6 filesyesterday
api5
19 KBFolder · 5 files5 hr ago
dashboard
75 KBFolder · 14 files42 min ago
billing3
12 KBFolder · 3 files1 wk ago
projects
35 KBFolder · 5 files3 hr ago
[slug]
23 KBFolder · 3 files3 hr ago
activity-feed.tsx
5.2 KBReact component19 hr ago
page.tsx
12 KBReact component3 hr ago
settings.tsx
6.0 KBReact component2 days ago
new-project-form.tsx
5.3 KBReact component1 wk ago
page.tsx
7.2 KBReact component3 hr ago
settings3
16 KBFolder · 3 files4 days ago
layout.tsx
2.2 KBReact component6 days ago
loading.tsx
612 BReact component1 mo ago
page.tsx
9.5 KBReact component42 min ago
favicon.ico
15 KBIcon7 mo ago
globals.css
7.7 KBStylesheet2 days ago
layout.tsx
2.4 KBReact component2 wk ago
not-found.tsx
1.1 KBReact component3 mo ago
components
72 KBFolder · 15 files20 min ago
charts3
13 KBFolder · 3 filesyesterday
ui8
34 KBFolder · 8 files6 days ago
command-palette.tsx
12 KBReact component20 min ago
project-card.tsx
4.3 KBReact component4 days ago
sidebar-nav.tsx
5.9 KBReact component2 days ago
theme-switch.tsx
1.7 KBReact component2 mo ago
db7
27 KBFolder · 7 files5 days ago
lib8
22 KBFolder · 8 files1 wk ago
public7
2.1 MBFolder · 7 files2 wk ago
scripts2
3.7 KBFolder · 2 files2 wk ago
tests5
20 KBFolder · 5 files3 hr ago
.env.example
512 BEnv template4 wk ago
.gitignore
384 BGit ignore7 mo ago
Dockerfile
1.2 KBDockerfile2 mo ago
next.config.ts
1.1 KBTypeScript2 wk ago
package.json
2.8 KBJSONyesterday
pnpm-lock.yaml
403 KBLockfileyesterday
README.md
6.7 KBMarkdown2 days ago
tsconfig.json
702 BJSON3 mo ago
86 files · 2.8 MB1 selected · 12 KB