---
description: Display a file and directory tree structure.
title: File tree
image: https://developers.cloudflare.com/og-docs.png
---

[Skip to content](#main-content)

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt  
> Use this file to discover all available pages before exploring further.

# File tree

Last updated Aug 24, 2026|Copy as Markdown|[View as Markdown](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/file-tree/index.md)|[Agent setup](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agent-setup/)

The `FileTree` component is used `31` times on `22` pages.

See all examples of pages that use FileTree

Used **31** times.

**Pages**

* [/agents/runtime/operations/configuration/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agents/runtime/operations/configuration/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/agents/runtime/operations/configuration.mdx)
* [/ai-search/api/migration/autorag-filter-format/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-search/api/migration/autorag-filter-format/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-search/api/migration/autorag-filter-format.mdx)
* [/ai-search/configuration/retrieval/filtering/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-search/configuration/retrieval/filtering/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-search/configuration/retrieval/filtering.mdx)
* [/ai-search/how-to/per-tenant-search/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-search/how-to/per-tenant-search/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-search/how-to/per-tenant-search.mdx)
* [/d1/get-started/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/d1/get-started/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/d1/get-started.mdx)
* [/d1/tutorials/d1-and-prisma-orm/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/d1/tutorials/d1-and-prisma-orm/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/d1/tutorials/d1-and-prisma-orm.mdx)
* [/kv/get-started/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/kv/get-started/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/kv/get-started.mdx)
* [/pages/functions/routing/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pages/functions/routing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/functions/routing.mdx)
* [/r2-data-catalog/config-examples/spark-scala/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/r2-data-catalog/config-examples/spark-scala/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/r2-data-catalog/config-examples/spark-scala.mdx)
* [/r2-data-catalog/deleting-data/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/r2-data-catalog/deleting-data/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/r2-data-catalog/deleting-data.mdx)
* [/r2/data-migration/migration-strategies/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/r2/data-migration/migration-strategies/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/r2/data-migration/migration-strategies.mdx)
* [/r2/platform/troubleshooting/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/r2/platform/troubleshooting/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/r2/platform/troubleshooting.mdx)
* [/style-guide/build-the-page/frontmatter/sidebar/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/frontmatter/sidebar/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/style-guide/build-the-page/frontmatter/sidebar.mdx)
* [/workers/ci-cd/builds/advanced-setups/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/ci-cd/builds/advanced-setups/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/ci-cd/builds/advanced-setups.mdx)
* [/workers/framework-guides/web-apps/more-web-frameworks/hono/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/framework-guides/web-apps/more-web-frameworks/hono/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/framework-guides/web-apps/more-web-frameworks/hono.mdx)
* [/workers/framework-guides/web-apps/react-router/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/framework-guides/web-apps/react-router/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/framework-guides/web-apps/react-router.mdx)
* [/workers/framework-guides/web-apps/react/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/framework-guides/web-apps/react/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/framework-guides/web-apps/react.mdx)
* [/workers/framework-guides/web-apps/vue/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/framework-guides/web-apps/vue/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/framework-guides/web-apps/vue.mdx)
* [/workers/observability/source-maps/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/observability/source-maps/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/observability/source-maps.mdx)
* [/workers/static-assets/routing/advanced/html-handling/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/static-assets/routing/advanced/html-handling/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/static-assets/routing/advanced/html-handling.mdx)
* [/workers/static-assets/routing/advanced/serving-a-subdirectory/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/static-assets/routing/advanced/serving-a-subdirectory/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/static-assets/routing/advanced/serving-a-subdirectory.mdx)
* [/workers/wrangler/configuration/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/wrangler/configuration/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/wrangler/configuration.mdx)

**Partials**

File tree is a built-in component provided by [Nimbus ↗](https://nimbus-docs.com/components/file-tree/).

```mdx
import { FileTree } from "~/components"

<FileTree>
- src
  - docs
    - style-guide
      - components
        - **file-tree.mdx**
</FileTree>
```

Was this helpful?

YesNo

## On this page

[![](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/)

```json
{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/file-tree/#page","headline":"File tree · Cloudflare Style Guide","description":"Display a file and directory tree structure.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/file-tree/","inLanguage":"en","image":"https://developers.cloudflare.com/og-docs.png","dateModified":"2026-08-24","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}
```