Stats strip, ConNext Website

apps in the ecosystem,
all open-source

2 min

from app store install
to working solution

€0

for the apps,
support is optional

EUPL

licensed, no vendor
lock-in, ever

34,547

downloads,
and counting

React / MDX usage

Mount in MDX as `<StatsStrip/>`

Cobalt-50 band with N big-number stats. The grid grows to fit the array length and collapses to 2-up under 900px, 1-up under 500px.

Import & example

import {StatsStrip} from '@conduction/docusaurus-preset/components';
import {totalDownloads, formatDownloads} from '@conduction/docusaurus-preset/data';

<StatsStrip stats={[
  {value: '12',    label: 'apps in the ecosystem, all open-source'},
  {value: '2 min', label: 'from app store install to working solution'},
  {value: '€0',    label: 'for the apps, support is optional'},
  {value: 'EUPL',  label: 'licensed, no vendor lock-in, ever'},
  {value: formatDownloads(totalDownloads), label: 'downloads, and counting'},
]} />

Props

stats array of {value, label}