# File Viewer

> TypeScript-based React component, inspired by Supabase UI, for navigating file trees and previewing code with Shiki syntax highlighting. Perfect for documentation or dev tools, it offers file selection, code copying, and GitHub integration.

- Author: [Bankk](https://21st.dev/@bankkroll)
- Library: [Bankk](https://21st.dev/@bankkroll/library/bankk)
- License: unknown
- npm dependencies: sonner, next-themes, lucide-react, @radix-ui/react-accordion
- Live preview: https://21st.dev/@bankkroll/components/file-viewer

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/bankkroll/file-viewer?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt