# Folder Tree components

> Organize files visually with 8 folder tree components, perfect for React apps using Tailwind CSS and Next.js.

33 components available. Showing all of them below.

- [File Tree](https://21st.dev/@jatin-yadav05/components/file-tree.md) — by Jatin Yadav
- [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/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
- [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
- [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
- [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/icon.md) — by Sean Hello
- [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
- [Tree Code Viewer](https://21st.dev/@uilayout.contact/components/tree-code-viewer.md) — by UI Layouts

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