# File Tree components > Visualize directory structures using 14 React file tree components, crafted with Tailwind CSS for clear, interactive file navigation. 52 components available. Showing all of them below. - [File Tree](https://21st.dev/@jatin-yadav05/components/file-tree.md) — by Jatin Yadav - [Filesystem Item](https://21st.dev/@builduilabs/components/filesystem-item.md) — by Build UI - [Tree View](https://21st.dev/@preetsuthar17/components/tree-view.md) — by Preet Suthar - [File Tree](https://21st.dev/@dillionverma/components/file-tree.md) — by Dillion Verma - [Tree](https://21st.dev/@originui/components/tree.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/basic-tree-with-icons.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/file-editor-with-drag-and-drop.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/tree-with-multi-select-and-drag-and-drop.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/basic-tree-with-caret-icon-on-the-right.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/tree-with-expand-collapse-all-buttons.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/basic-tree-with-vertical-lines.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/tree-with-items-expandable-on-double-click.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/menu-navigation-tree.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/tree-with-renaming-press-f2-to-rename.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/tree-with-search-highlight.md) — by Origin UI - [Tree](https://21st.dev/@originui/components/tree/tree-with-filtering.md) — by Origin UI - [Simple Growth Tree](https://21st.dev/@xubohuah/components/simple-growth-tree.md) — by KainXu - [Tree](https://21st.dev/@haydenbleasel/components/tree/custom-icons.md) — by Hayden Bleasel - [Tree Folder structure](https://21st.dev/@shailendrakumar19999/components/tree-folder-structure.md) — by Shailendra - [Tree](https://21st.dev/@haydenbleasel/components/tree.md) — by Hayden Bleasel - [Tree](https://21st.dev/@haydenbleasel/components/tree/controlled-selection.md) — by Hayden Bleasel - [Tree](https://21st.dev/@haydenbleasel/components/tree/simple-tree.md) — by Hayden Bleasel - [Tree](https://21st.dev/@haydenbleasel/components/tree/tree-without-lines.md) — by Hayden Bleasel - [File System (Finder)](https://21st.dev/@extend-hq/components/file-system.md) — by extend-hq - [Tree](https://21st.dev/@preetsuthar17/components/tree.md) — by Preet Suthar - [FileTree](https://21st.dev/@ruixen.ui/components/file-tree-1.md) — by Ruixen UI - [FileTree](https://21st.dev/@ruixen.ui/components/file-tree.md) — by Ruixen UI - [Linktypes](https://21st.dev/@airbnb-visx/components/linktypes.md) — by Airbnb - [Tree Node Tooltip](https://21st.dev/@ruixen.ui/components/tree-node-tooltip.md) — by Ruixen UI - [File Tree](https://21st.dev/@justinlevinedotme/components/file-tree.md) — by Justin Levine - [MagicTree](https://21st.dev/@ruixen.ui/components/magic-tree.md) — by Ruixen UI - [Tree](https://21st.dev/@sean0205/components/tree/plus-minus.md) — by Sean Hello - [Tree](https://21st.dev/@sean0205/components/tree/line.md) — by Sean Hello - [Tree](https://21st.dev/@sean0205/components/tree/icon.md) — by Sean Hello - [Dendrogram](https://21st.dev/@airbnb-visx/components/dendrogram.md) — by Airbnb - [Tree](https://21st.dev/@sean0205/components/tree.md) — by Sean Hello - [Tree](https://21st.dev/@jolbol1/components/tree-2.md) — by James Shopland - [File Tree](https://21st.dev/@edwinvakayil/components/file-tree.md) — by Edwin Vakayil - [GlowTree](https://21st.dev/@ruixen.ui/components/glow-tree.md) — by Ruixen UI - [Tree View](https://21st.dev/@anubra266/components/tree-view.md) — by Abraham - [Animated File Tree Primitives](https://21st.dev/@unlumen/components/primitives-animate-files.md) — by Unlumen UI - [Tree View](https://21st.dev/@anubra266/components/tree-view/async-loading-tree.md) — by Abraham - [AI Conversation Tree](https://21st.dev/@elements-/components/conversation-tree.md) — by Cameron Kelliher - [Tree Code Viewer](https://21st.dev/@uilayout.contact/components/tree-code-viewer.md) — by UI Layouts - [File Viewer](https://21st.dev/@bankkroll/components/file-viewer.md) — by Bankk - [Fractal Bloom Tree](https://21st.dev/@dhileepkumargm/components/fractal-bloom-tree.md) — by Dhileep Kumar GM - [Reddit Nested Thread Reply](https://21st.dev/@vaib215/components/reddit-nested-thread-reply.md) — by Vaibhav Kumar Singh - [Checkbox](https://21st.dev/@ShadcnStudio/components/checkbox-1/checkbox-parent.md) — by ShadcnStudio - [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-two.md) — by ShadcnStudio - [Scroll Area File Explorer](https://21st.dev/@shadcnspace/components/scroll-area-01.md) — by ShadcnSpace - [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/expandable-rows.md) — by Hero Ui - [Expanding Sub-Rows Table](https://21st.dev/@felipemenezes098/components/table-19.md) — by felipemenezes098 Full component directory: https://21st.dev/llms.txt