GitHub
github.com › brimdata › react-arborist
GitHub - brimdata/react-arborist: The complete tree view component for React · GitHub
The complete tree view component for React. Contribute to brimdata/react-arborist development by creating an account on GitHub.
Starred by 3.6K users
Forked by 181 users
Languages TypeScript 97.3% | JavaScript 1.3% | CSS 1.1%
Netlify
react-arborist.netlify.app
React Arborist
React arborist is a tree view component library for react.
React Arborist - a full-featured tree component for React
Looks like a great component. Just tried it on mobile and it worked pretty well. More on reddit.com
2
22
March 21, 2022Information request: Is variable row height a possibility?
First of all, I want to express my sincere gratitude to all the contributors of react-arborist. This library is truly awesome and it looks like it can be incredibly helpful in my project. I'm w... More on github.com
5
October 6, 2024React treeview library other than react-arborist
Used it before and it was easy to use and worked. Totally depends on your usecase. Dndkit is also great. And about filtering. Just filter the list yourself. More on reddit.com
4
5
September 7, 2024Headless Tree is available as Beta!
Great work, Lukas. I've used React-Complex-Tree before and it is a wonderful library. Excited to try headless. More on reddit.com
30
86
April 15, 2025Videos
LogRocket
blog.logrocket.com › home › using react-arborist to create tree components for react
Using react-arborist to create tree components for React - LogRocket Blog
June 4, 2024 - In this lesson, we will delve into the process of implementing a tree view system within a React project by harnessing the power of a library known as react-arborist.
OpenReplay
blog.openreplay.com › interactive-tree-components-with-react-arborist
Building Interactive Tree Components with React-Arborist: A Comprehensive Guide
January 1, 2024 - React-Arborist emerges as a valuable solution for developers seeking to overcome the challenges associated with complex data structures and interactive tree implementations. The library empowers developers to create sophisticated and user-friendly ...
npm
npmjs.com › package › @dianshu › react-arborist
@dianshu/react-arborist - npm
Latest version: 3.4.4, last published: 2 years ago. Start using @dianshu/react-arborist in your project by running `npm i @dianshu/react-arborist`. There are no other projects in the npm registry using @dianshu/react-arborist.
» npm install @dianshu/react-arborist
Published May 12, 2024
Version 3.4.4
Repository https://github.com/brimdata/react-arborist
Homepage https://react-arborist.netlify.app
Reddit
reddit.com › r/reactjs › react arborist - a full-featured tree component for react
r/reactjs on Reddit: React Arborist - a full-featured tree component for React
March 21, 2022 - React Arborist - a full-featured tree component for React · r/javascript • · r/javascript · Chat about javascript and javascript related projects. Yes, typescript counts. Please keep self promotion to a minimum/reasonable level.
DEV Community
dev.to › igorfilippov3 › build-tree-view-with-react-arborist-part-1-b5l
Build tree view with react-arborist [part 1] - DEV Community
July 27, 2025 - React Arborist is a powerful React library designed for building interactive tree components with virtualization support.
Medium
medium.com › @livintha › building-powerful-tree-views-with-react-arborist-44319dea804b
Building powerful Tree Views with React Arborist | by Livintha | Medium
September 11, 2025 - React Arborist is a fantastic tool if your app needs to visualize and manipulate hierarchical data.
CodeSandbox
codesandbox.io › s › react-arborist-example-iubube
react-arborist-example - CodeSandbox
August 14, 2022 - react-arborist-example by rolangom using @tanstack/react-query, @types/react-virtualized-auto-sizer, classnames, nanoid, react, react-arborist, react-dom, react-icons, react-scripts
CodeSandbox
codesandbox.io › examples › package › react-arborist
react-arborist examples - CodeSandbox
Use this online react-arborist playground to view and fork react-arborist example apps and templates on CodeSandbox.
StackBlitz
stackblitz.com › edit › react-ts-awlzmy
react-arborist - StackBlitz
React + TypeScript starter project
Jameskerr
jameskerr.blog › posts › responsive-sizing-for-react-arborist-tree-component
Responsive Sizing for React Arborist Tree Component
April 17, 2024 - import { TreeView } from "react-arborist"; import useResizeObserver from "use-resize-observer"; function Sidebar() { const { ref, width, height } = useResizeObserver(); return ( <div className="sidebar"> <div className="tree-parent" ref={ref}> <TreeView width={width} height={height} /> </div> </div> ); }
npm
npmjs.com › package › react-arborist › v › 0.1.1
react-arborist - npm
A full-featured tree component for React.
» npm install react-arborist
Published Feb 13, 2025
Version 0.1.1
YouTube
youtube.com › futuretechlife
Create tree structure in browser React-arborist - YouTube
React-arborist - github.com/brimdata/react-arboristSource code - github.com/Futuretechlife/ReactTree
Published March 12, 2023 Views 801
GitHub
github.com › brimdata › react-arborist › issues › 276
Information request: Is variable row height a possibility? · Issue #276 · brimdata/react-arborist
October 6, 2024 - I'm wondering if there's a way to create variable row heights in react-arborist. My node leaves are sometimes bigger than the allotted height. Right now I can only cut off my text, but I was wondering if there is another way? I've attempted to implement this using a row renderer, but I haven't been successful so far.
Author janvandenberg
GitHub
github.com › brimdata › react-arborist › releases
Releases · brimdata/react-arborist
The complete tree view component for React. Contribute to brimdata/react-arborist development by creating an account on GitHub.
Author brimdata
Netlify
react-arborist.netlify.app › cities
React Arborist Cities Demo
Heads up! This site works best on a desktop screen · In this demo, we hook into some callbacks, use the tree ref api, and render a large number of nodes
Reddit
reddit.com › r/reactjs › react treeview library other than react-arborist
r/reactjs on Reddit: React treeview library other than react-arborist
September 7, 2024 -
https://www.npmjs.com/package/react-arborist
So I found this react treeview package which is being maintained. Does anyone know react treeview packages better than this. ?
I need to show tree view and be able to filter.
npm
npmjs.com › package › @plandelta › react-arborist
@plandelta/react-arborist - npm
March 14, 2024 - Latest version: 3.4.0-alpha.5, last published: 2 years ago. Start using @plandelta/react-arborist in your project by running `npm i @plandelta/react-arborist`. There are no other projects in the npm registry using @plandelta/react-arborist.
» npm install @plandelta/react-arborist
Published Mar 14, 2024
Version 3.4.0-alpha.5
Repository https://github.com/brimdata/react-arborist
Homepage https://react-arborist.netlify.app
Reddit
reddit.com › r/reactjs › headless tree is available as beta!
r/reactjs on Reddit: Headless Tree is available as Beta!
April 15, 2025 -
Hi! I'm Lukas, I've been maintaining react-complex-tree for the last 4 years, an accessible tree library for react. I have now released a successor library, Headless Tree, that improves on RCT on almost every aspect, and aims to be the definitive tree library for advanced web apps. It provides lots of drag capabilities, hotkeys, search, virtualization, scales well into many 100k items at once and builds upon the experience I gained from battle-testing RCT to a ubiquitous production library. I have written a blog post about the journey from RCT to Headless Tree and its future, maybe you are interested!
If you are interested, I've invested quite a bit of time to make sure the docs provide a good understanding on how to use it and illustrate its various use cases, you can check it out at headless-tree.lukasbach.com. If you like Headless Tree and want to support, starring the project on Github really helps with visibility :)