Live showcase
The components, running
Not screenshots and not a video: the real custom elements, in your browser, with the same markup you would write. Nothing to install and no account.
91 components, interactive
Markup shown beside each one
Nothing to install
BMX Web Components
Thirty-eight pages, by family
Start at the overview, or go straight to the family you need. Each page runs every element in it.
Start here
- Showcase overview — every family, with what is in it
- Applications — whole screens built from the elements
By family
- Actions, fields and choices
- Display, feedback and groups
- Navigation and projects (Gantt, PERT and task board)
- Reports (report viewer and designer, charts, crosstabs, barcodes)
- Logs (the log stream: timeline, fields, masking, live)
- Canvas (the infinite canvas: a shared board, drawing, templates)
- Grids (the data grid: any data source, a million rows, trees, detail rows; the pivot grid with slicers and a pivot chart)
- Formulas (the formula engine and formula bar: a quote with no script, dynamic arrays, a hundred thousand formulas)
- Scheduling (the resource scheduler: time zones, clash rules, repeating bookings, .ics files)
- Forms (forms from JSON: steps, conditions, checks; the form designer)
- Charts (a sales dashboard, twenty-two kinds, a million points, sparklines in a table)
- Editors (the rich text editor: review with tracked changes, Markdown and JSON out, clean paste)
- Chat (a streaming assistant, a support desk, your own service)
- Imaging (the image editor: a photo cleaned, a profile picture, redaction)
- Diagrams (the diagram designer: swimlanes, Mermaid, a network, two people on one diagram)
- Spreadsheets (the spreadsheet: a sales plan, Excel files in and out, functions of your own, twenty thousand rows)
- Code (the code editor and diff: settings reviewed as they change, your own linter, a million lines, a git patch)
- Queries (the query builder: customers found, SQL, MongoDB and OData, an alert rule in a form)
- Dashboards (gauges and the dashboard layout: a support desk, six kinds of gauge, gauges you set)
- Maps (the map: customers by country with offices and routes, Europe by growth, regions of your own)
- Networks (the network graph: who works with whom, following the money, what breaks if a service fails, ten thousand nodes)
- Timelines (the timeline: a product launch, an incident minute by minute, three thousand years, fifty thousand events)
- Files (the file manager: shared files, your own server, a file chosen for a form, fifty thousand files)
- Barcodes (a shipping label, products and parts, boarding passes and driving licences, QR codes, proof of delivery with a signature, a stock count)
- Steppers (the stepper: a checkout, a set-up in any order, an import that reports its progress, a phone)
- Documents (the PDF viewer: an annual report, your own PDF, a protected board pack, two thousand pages)
- Commands (the command palette: an application run from the keyboard, finding what people mean, ten thousand reports)
- Tours (the product tour: a first look at a sales dashboard, one tour with two paths, steps the reader finishes, a single hint)
- Properties (the property grid: a form laid out, rules, refusals and undo, editors of your own, an inspector for any object)
- Permissions (the permissions matrix: who can do what in a finance system, changes reviewed before saving, roles that disagree, a whole organisation)
- Importing (the data importer: customers, a stock take from Excel, your server's last word, a hundred thousand rows)
- Decisions (the decision table: loan pre-approval, shipping charges, support tickets, rules from another tool, ten thousand applications)
TreeListView
Its own playground
TreeListView is a product in its own right, with a playground that carries far more than a showcase page could.
Interactive playground
- Large data sets, grouping, editing and virtual scrolling, all live