Utilities

Dates, fuzzy search, text highlighting, list filtering, QR codes, Lottie and code highlighting.

Day.js

Dates, formatting and relative time in 2 KB

dayjs 1.11.13

Pick a moment

Format	Result

Fuse.js

Fuzzy search that tolerates typos — try “kubrnetes”

fuse.js 7.0.0

0 hits

mark.js

Highlights matches inside existing content

mark.js 8.11.1

A dashboard is only useful when the numbers on it are trustworthy. That means the dashboard has to agree with the source of truth, refresh predictably, and say plainly when data is stale.

Most teams start with a single dashboard and grow to dozens. At that point naming, ownership and permissions matter more than chart styling, because a dashboard nobody owns is a dashboard nobody fixes.

The healthiest pattern we see: one canonical dashboard per team, reviewed monthly, with every metric linked back to its query.

List.js

Search and sort plain HTML without rebuilding it

list.js 2.3.1

QRious

QR codes rendered to a canvas

qrious 4.0.2

Content Size 200 px Foreground Download PNG

Prism.js

Syntax highlighting for docs and changelogs

prism 1.29.0

// Mount a theme-aware chart in three lines
nxMountChart('#revenueChart', function () {
  return $.extend(true, nxApexBase(), {
    chart: { type: 'area', height: 320 },
    series: [{ name: 'Revenue', data: [28, 34, 31, 42, 48, 54] }],
    colors: [nxCss('--nx-chart-1')],
    stroke: { curve: 'smooth', width: 2.5 }
  });
});

// The chart rebuilds itself whenever the theme changes,
// because app.js keeps a registry of every mounted chart.
document.addEventListener('nx:theme-changed', function () {
  console.log('now in', nxTheme(), 'mode');
});

Lottie

Vector animation played from JSON — sharp at any size

lottie-web 5.12.2

Lottie plays animations exported from After Effects as JSON. They stay crisp at any resolution and weigh a fraction of an equivalent GIF, which makes them the usual choice for empty states, success confirmations and onboarding illustrations.

Speed 1×