Build beautiful applications, effortlessly.

Data Grid – A million rows, from any source

The data grid is the table your application is built around. Bind it to whatever your data is in, and it stays smooth at a million rows, because only what is in view is ever drawn.

• Any data source — arrays, REST and JSON APIs, CSV, JSON lines, a file the reader opens, an HTML table, your server a block at a time, or a live WebSocket feed
• Fifty column types, each sorting, filtering and editing by its meaning
• Grouping with totals, trees, master-detail rows and a pivot
• Spreadsheet-grade editing: validation, undo even after saving, paste from Excel, a fill handle
• Cards on phones, pages, printing, and Excel files in the grid's own colours
• No dependencies, any framework or none, and accessible from the keyboard
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Pivot Grid – Every dimension, totalled in the browser

The pivot grid turns records into totals by any number of dimensions at once, worked out in the page on a background thread: half a million records in well under a second, with no server and no third-party code.

• Multi-dimensional — any number of fields down the side, across the top and as filters, nested as hierarchies that open and close
• Sums, averages, medians, distinct counts, your own functions and formulas such as [Revenue] − [Cost]
• Slicers and a pivot chart that follow it
• Conditional formatting, and Excel files with the formatting kept as Excel's own
• Drill-through to the records behind any total
• Your own server can answer the totals when the records are too many to send
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Spreadsheet – Excel in your page, with no server behind it

A whole spreadsheet in one element, with the toolbar, formula bar and keyboard your users already know, over 406 Excel functions. Excel files open and save with their formulas and their looks, and nothing leaves the page.

• 406 Excel functions — dynamic arrays, LET and LAMBDA, names and formulas across sheets
• Number formats, fonts, fills, borders, merged cells and frozen panes
• Conditional formats with colour scales, data bars and icons; validation lists
• Sort, filter, find and replace, notes, and a fill handle that carries series on
• Excel files in and out with their looks; CSV and JSON too
• Only the cells in view are drawn, so twenty thousand rows scroll like twenty
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Formula Engine – Spreadsheet formulas, with no spreadsheet

The formula engine works out sheets of values and formulas inside your own page, the way Excel does, and keeps every cell up to date as anything changes. The formula bar gives your users Excel's own way of typing them.

• 406 Excel functions — dynamic arrays that spill, LET and LAMBDA, tables, names and formulas across sheets
• A hundred thousand formulas recalculated in about half a second: only what a change touches is worked out again
• Form fields tied to cells with an attribute, so a quote or a calculator needs no script
• Excel files opened and saved in the browser, formulas and all
• A formula bar with colours, completion, argument hints and references outlined in the grid
• A background thread for big workbooks, and a Node module for a server
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step, plus the formula engine for Node

Log Stream – A million log lines, searched in the browser

The log stream opens server logs, access logs, audit trails and build output in the page and makes them searchable at once — with nothing uploaded, and no log server to run.

• Log stream — JSON lines, logfmt, syslog, access logs, CSV and plain text, read on sight
• Search by word, pattern and field: status:>=500, level:>=warn, exclusions and OR
• A timeline of the errors, and each field's commonest values, a click from a filter
• Emails, IP addresses, card numbers, tokens and keys masked on screen and in every export
• Live from a WebSocket or server-sent events, reconnected when it drops
• Bookmarks, and the whole view as one short string for a link or a ticket
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Chart and Sparkline – Twenty-two kinds of chart, with no charting package

Charts drawn by the library itself, with nothing else to load and nothing sent anywhere, from columns and doughnuts to treemaps, sankeys and candlesticks. The sparkline puts a trend the size of a word into a table or a sentence.

• 22 kinds of chart — stacked or as shares, with a line on a second axis, targets and ranges
• Time axes in any time zone; drag across a chart to zoom in
• A million points stay quick: lines keep their shape, and large series are painted on a canvas
• Every value read from the keyboard, the numbers as a table, and patterns as well as colour
• A sparkline for a table cell or a sentence: line, area, columns, wins and losses, or a bullet
• Saved as PNG, SVG or CSV, in the page's theme, light or dark
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Gauge and Dashboard – Figures at a glance, tiles your users arrange

Gauges that show a figure against its scale, and a dashboard layout whose tiles your users drag, resize and keep. Put anything in a tile: a chart, a gauge, a grid, or your own markup.

• Dials, rings, bars and bullet graphs, with bands, a target and the change
• Gauges your users set, as form fields
• Tiles dragged, resized, opened and removed, from the mouse or the keyboard
• Tiles locked in place, and every move announced
• The layout as JSON, or kept in the browser for each user
• Fewer columns on narrower screens, and one on a phone
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Map – Your figures on the world, with no map service

A map with the world built in, so a figure per country is all it needs. It loads no tiles and calls no map service, so nothing about your data leaves the page.

• Countries coloured by value in steps, quantiles, your own breaks or either side of zero
• Markers sized by value and grouped when they crowd; great-circle routes
• Four projections; pan, zoom and pinch; choose countries
• Every figure read from the keyboard, and a table view
• Your own regions as GeoJSON or TopoJSON
• Saved as SVG, colours and all
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Network Graph – Anything made of links, laid out and read for you

People, accounts, services and the links between them, laid out on a canvas in your page. It finds the communities, measures who holds the network together, and plays it back as it grew.

• Force, hierarchy, radial, circular and grid layouts, with nodes your users drag and pin
• Communities found and coloured; betweenness and PageRank shown as size
• The shortest path between two nodes, one key away
• A time bar that plays the network as it grew
• Groups folded into one node, and nodes that load more when opened
• An overview of the whole, and ten thousand nodes laid out in seconds
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Gantt, PERT and Task Board – Plan projects, three views of one plan

Three views of one plan, scheduled by the same critical-path engine on WinForms, WPF and the Web — so a plan gives the same dates on the desktop and in the browser.

• Gantt chart — a task list beside a timeline, with links, lag and lead, summaries, milestones, baselines and float
• PERT chart — the same plan as a network, with early and late dates and float in every box
• Task board — Kanban columns by status, with WIP limits and swimlanes
• Critical-path scheduling over a working calendar, with weekends and holidays
• Drag, resize and link by mouse, or do all of it from the keyboard
• Virtualised for plans of a thousand tasks and more; export to SVG or PNG, and print
• Platforms: WinForms, WPF and the Web (any framework or server stack, or plain HTML5 with no build step)

Also for the desktop: WinForms · WPF

Resource Scheduler – Bookings and capacity, across time zones

Book rooms, people and equipment from your own application. The resource scheduler is a booking diary: resources down the side, time across, and every booking where it falls, in each resource's own time zone and working hours.

• Day, week, month and agenda — drag to book, move and resize, or do all of it from the keyboard
• Each resource in its own time zone, with its own working hours and holidays, across clock changes
• Repeating bookings by the calendar's rules, changed one at a time, from here on, or all together
• Clashes and out-of-hours bookings allowed, warned about or refused
• The first time several people are free together, found for you
• Calendars in and out as .ics files; hundreds of resources stay smooth
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Timeline – Moments and spans, from millennia to milliseconds

Things in time, in rows that nest and fold. Zoom from centuries to a single second, in any time zone, and let your users move and stretch items with your page checking every change.

• Points, ranges, boxes and shaded spans, in rows that nest and fold
• An axis that always counts in sensible steps, BC included
• Overlaps stacked into lanes; busy rows gathered into clusters
• Any time zone, daylight saving included
• Move, resize and add, each change checked by your page first
• A navigator for the whole range, and fifty thousand items kept smooth
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Report Viewer and Designer – Reports in the browser, no report server

A report viewer and a report designer that run entirely in the browser: real pages drawn the same on screen, on paper and in the PDF — and your users can design their own reports.

• Report viewer — groups, totals, parameters, charts, crosstabs and barcodes, with find, zoom and contents
• Report designer — drag fields onto bands, add charts and crosstabs, and preview as you go
• Tagged, accessible PDF with your own fonts, for any alphabet; Excel and CSV export
• Drill down, drill through and sort, right in the page
• The same engine renders on a server, as a Node module
• Report definitions are plain JSON, safe to store and open
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step, plus the reporting engine for Node on a server

Rich Text Editor – Writing and review, with nothing loaded from anywhere

A rich text editor that keeps everything in the page: no cloud service, no licence server and no script fetched from anywhere, with comments and tracked changes for review.

• Everything a document needs — headings, lists and check lists, tables, images, code and links
• A slash menu for blocks, mentions of people, and Markdown typed as you go
• Comments with replies, and tracked changes to accept or reject
• Paste from Word or Google Docs that arrives clean, with its lists kept
• One sanitiser for everything typed, pasted or loaded, so a document cannot carry script
• HTML posted with its form; Markdown, plain text and JSON out
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Code Editor and Code Diff – Write and review code, with no editor package

The code editor your users know from their own tools, and a diff that shows what changed, in your own pages. Nothing is loaded from anywhere, and a million lines stay quick.

• Twenty-six languages coloured, and languages of your own
• Several cursors, find and replace with regular expressions, folding and matching brackets
• Problems from your own checker underlined; JSON checked as it is typed and formatted
• Suggestions of your own, and a form field like any other
• A diff side by side or in one column, with the changed words marked
• Revert or accept each change, and git patches shown file by file
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Image Editor – Crop, adjust and redact, with the private details removed

A picture editor for your own pages, entirely in the browser. A phone photo carries where it was taken, the camera and sometimes the owner: the editor finds them, says so, and removes them before the picture is saved.

• Crop to any shape — free, a fixed ratio, or round for a profile picture; rotate, flip and straighten
• Light and colour with a live histogram, an automatic fix, and nine looks
• Arrows, boxes, text, highlights and numbered steps
• Redaction burnt into the pixels, so nothing underneath can be recovered
• Location, camera, serial number and owner found and removed; a photo saved unchanged is not compressed again
• In front of an upload, so every picture is edited and cleaned before it is sent
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

File Manager – The file window your users know, over storage of your own

Folders, details or tiles, search, preview, drag and drop, upload and download, in your page. The files stay where you keep them; Binarymission hosts nothing.

• A folder tree, a path, details or tiles, sorting and search
• A preview of pictures, text and code
• New folder, rename, delete, cut, copy and paste
• Drag and drop between folders, and from the desktop to upload
• Your own server through a small JSON convention, files in the page, or a provider of your own
• Every action checked by your page first; fifty thousand files in a folder
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

PDF Viewer – PDFs in your page, with no plug-in and no server

Show a report, a contract or a manual in your own page, drawn by the library's own PDF engine. Nothing is uploaded and no third-party code is loaded: the file never leaves the page.

• Its own PDF engine — embedded fonts, images, transparency and gradients
• Page width, whole page, zoom and rotation; thumbnails and the outline
• Find with every match lit, and real text to select and copy
• Links, comments with their notes, and form fields with their values
• Password-protected files up to AES-256, and damaged files read
• Thousands of pages open at once; print and download
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Form Renderer and Designer – Forms from JSON, built in the browser

The form element draws a whole form from a JSON description with the library's own controls, so a form can change on your server without anyone changing the page. The form designer lets your own users build those forms by dragging fields onto pages.

• 28 field types — from text, money and dates to repeating rows, files and a signature pad
• Conditions and calculations in a small language that never runs script
• Steps with a progress list and a review of every answer before it is sent
• A clear message beside every answer that needs one, and your server's errors put back against the fields
• Drafts kept as the reader types, and the answers shown read only for a record
• The designer: a palette, a properties panel, a condition builder, a live preview and the JSON, in Hypernova Gold
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Query Builder – Filters your users build, written out for your database

Your users say which records they mean, in rules and groups, without writing a query. The query comes out in the language your database or service speaks, with every value a parameter.

• AND, OR and NOT in groups, nested as deep as you allow
• Typed fields with 28 comparisons, and a field compared with another field
• SQL for ANSI, PostgreSQL, MySQL, SQL Server, SQLite and Oracle
• A MongoDB filter, OData, JsonLogic, or a filter for records in the page
• Read back as a sentence, and posted with its form as JSON
• The same checks and conversions on your server, in every package
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Barcodes & Signatures – Labels, codes and signatures, drawn in the page

Barcodes and QR codes as sharp vectors, a signature that goes into a form like any field, and a field that takes a code from a scanner or the camera. Nothing is kept or sent anywhere.

• Code 128, Code 39, EAN, UPC, ITF, Data Matrix and PDF417, with check digits worked out
• QR codes in your colours, with a logo in the middle
• A signature pad whose ink follows the pen, sent with the form
• A typed name as an equal alternative to drawing
• A field for codes typed, scanned by hand, or read by the camera
• Saved as SVG or PNG; black on white in every theme
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Stepper – A long task, one step at a time

Checkouts, account set-ups, claims and imports, broken into steps your users can follow, with each step checked before the next one opens.

• A step list across the top or down the side: done, current and needing attention
• Next checks the step's fields and your own rules first, and says why when it refuses
• Steps in order, or in any order; optional and unavailable steps
• Moved by your page itself when the work drives it
• “Step 2 of 5” with a progress bar on a phone
• The keyboard along the list, and every step's state read out
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Infinite Canvas – A whiteboard without edges, in your own page

The infinite canvas is a board for planning, mapping and drawing together, built into your application: fast with thousands of items, and ready for many people at once over the connection you already have.

• Infinite canvas — sticky notes, shapes, text, images, frames, and connectors that follow what they join
• Sixty frames a second with thousands of items on the board
• Every change as a few lines of JSON; every copy agrees, whatever order they arrive in
• Cursors, selections, following another person's view, and a laser pointer
• Drag, resize, turn, align, group and vote; a pen, a highlighter and templates
• Your own HTML inside a node, and SVG, PNG or JSON out
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Diagram Designer – Flowcharts and processes, drawn in the browser

A designer for flowcharts, processes in swimlanes and network diagrams, from a palette of over forty shapes, with connectors that find their own way around everything in between.

• Over forty shapes — flowchart, BPMN-style process and network
• Connectors routed around shapes, as elbows, straight lines or curves
• Swimlanes, and automatic arrangement in layers
• Mermaid flowcharts in and out; SVG, PNG and JSON out
• Every change as operations another copy applies, for editing together
• A read-only mode to show a diagram, and an outline that reads it as a list
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step

Chat – The conversation for your own AI, with nothing sent anywhere

The conversation window for an AI assistant or a support desk. It holds no model and sends nothing anywhere: your handler asks your own service, and the chat streams the answer as it arrives.

• Answers streamed — in Markdown, with highlighted code, tables, cited sources and the assistant's steps
• Your server, or a model you host: return text, a stream or a fetch response
• Or no handler at all, for a support desk where people write the replies
• Files with a message, suggestions to start, and stop, ask again, edit and rate
• Answers sanitised, and images left out unless you allow them
• The whole conversation saved as Markdown, text or JSON
• Platforms: Web — any framework or server stack, or plain HTML5 with no build step