🌳
Tree and list modes
Show hierarchical parent-child data or flatten the same dataset into a list mode when users need a different working view.
⚡ Single JavaScript file · Framework-neutral · Enterprise ready
Transform complex hierarchical data into a premium product experience.
Binarymission TreeListView is a highly-customizable Web Component for tree grids, product catalogues, operational dashboards, admin consoles, portfolio views, finance structures and any application that needs fast, attractive and highly interactive hierarchical data views.
1 fileDrop in the compiled runtime and use the custom element.
10 themesReady-to-use themes available directly from the component library.
Any UIHTML5, Angular, React, Vue, Blazor and more.
Designed for polished, data-rich product interfaces.
TreeListView gives software teams the interaction depth normally expected in internal platforms, SaaS admin screens,
catalogue systems and operational tools — while staying simple to adopt: add the script, place the custom element,
call setData(columns, items), and switch behaviour with clear HTML attributes.
🔎
Filtering and sorting
Built-in filter bar and sortable headers help users quickly find products, accounts, tasks, risks or operational records.
📌
Frozen tree column
Keep the hierarchy visible while users horizontally scroll through wide operational datasets with many fields.
☑️
Selection models
Use single, multiple or checkbox selection, including select-all for visible rows and a footer selection count.
🧩
Rich cell types
Use text, badge, progress, link, date, currency, boolean, icon text and row action cells without building everything yourself.
⚙️
Easy to use
Drop in one runtime file, render <bm-treelistview>, pass columns and rows with setData, then control features using straightforward attributes and methods.
♿
Accessibility-minded
Treegrid/grid roles, ARIA row metadata, active-descendant focus, keyboard navigation and polite announcements are included.
🚀
Lazy loading
Load children on demand for large hierarchies, remote datasets and enterprise-scale tree structures.
🎨
Brand theming
Built-in themes plus CSS variable overrides let customer applications make the component look native to their brand.
Built for product teams who need tree data to feel first-class.
TreeListView is designed for real application screens: compact enough for admin tooling, refined enough for SaaS products, and flexible enough for catalogues, portfolios, operational controls and finance structures.
Use one script file, one custom element and a small JavaScript setup function.
Use one of ten built-in themes directly through the theme property.
Sorting, filtering, lazy loading, actions, frozen columns and export are already covered.
Override CSS variables in the host page when you need a design that is unique to your product.
Live demo: Northwind Commerce Operations.
Try the toolbar, theme switching, tree/list mode, column visibility, frozen tree column, expand/collapse, CSV export, row actions, keyboard navigation, ten built-in themes, a custom-theme example and the lazy-load branch under “Future Launch Lines”.
Commerce product hierarchy, suppliers, stock health and revenue
Use the grid as a product catalogue, operations dashboard, portfolio view or enterprise admin console.
Event feed: Waiting for interaction…
Keyboard: ↑ ↓ ← → Home End Enter Space *
Use it from almost any UI technology.
Because it is a standards-based Web Component, the consuming application does not need to use any specific JavaScript framework. It can be used in plain HTML5, Angular, React, Vue, Blazor, ASP.NET, Razor pages, static sites and other modern front ends.
Framework-neutral delivery
Add the compiled JavaScript runtime to the host application, render the custom element, and drive it with columns, rows, attributes, methods and DOM events from the framework you already use.
One runtime, many host applications.
Ship the same JavaScript runtime into portals, admin products, dashboards and customer-facing apps without rewriting the tree-grid experience for every framework.
No framework lock-in
Simple upgrades
Simple API
Fast adoption
HTML5 integration
html
Common integration pattern
1. Load runtime
Reference the licensed compiled
bm-treelistview.min.js runtime from your host app.
2. Render element
Place
<bm-treelistview> in the page, component or Razor view.
3. Bind data
Call
setData(columns, items) and listen for TreeListView DOM events.
Commercial licensing · Secure checkout
Pick the licence pack that fits your team.
TreeListView is available through Lemon Squeezy, our merchant of record. Choose a single developer licence, a discounted team pack, or the limited-time organisation-wide option for one named organisation.
Secure Lemon Squeezy checkout
The buy buttons take you to the TreeListView product licence purchase in the Lemon Squeezy checkout page. Lemon Squeezy acts as the merchant of record, handles the secure purchase flow, and presents the available licence quantity options to help you complete your purchase.
Runtime delivery
Use the compiled commercial bm-treelistview.min.js runtime in your authorised hosted application or customer portal. The public site and playground use bm-treelistview.demo.js.
Source protected
Please note that the component source code, build chain and internal development assets are not shipped with the runtime as part of your licence purchase.
Written licence
Usage is governed by a separate written licence agreement with Binarymission (UK).
About us.
TreeListView is owned and developed by Binarymission (UK), with a focus on practical software components for serious, data-rich business applications.
Binarymission (UK) product
The component is part of Binarymission’s web technology products for developers and software teams who need high-quality, reusable UI building blocks without taking on unnecessary framework lock-in.
Ready for product conversations
Bring powerful tree-grid experiences into your product without building them from scratch.
TreeListView helps software teams add polished hierarchical data experiences to admin portals, operations dashboards, catalogue systems and SaaS products with a simple licensed runtime.