LegoBlock UI is a headless React library for rendering and managing nested tree structures with immutable updates. Perfect for building file explorers, org charts, nested menus, and any hierarchical data visualization.
Build flexible, nested, and headless UIs with ease.
LegoBlock UI is a headless React library that helps you render and manage complex nested tree structures using immutable updates and path-based operations.
It’s designed for developers who want logic without styling, giving you the freedom to build any UI you want — file explorers, nested menus, org charts, or comment threads.
✅ Headless by Design – You control the UI; LegoBlock manages recursion and
logic
✅ Immutable Updates – Predictable state management for React
✅ TypeScript Ready – Full type inference and safety
✅ Path-based Targeting – Modify specific nodes efficiently
✅ Performance Focused – Minimal cloning, shallow updates, fast renders
✅ Use Anywhere – Works with any schema, from file trees to org charts
npm install @legoblock/ui
# or
yarn add @legoblock/ui
# or
pnpm add @legoblock/ui
Published: 2/10/2024
Last updated: 10/14/2025