Plain-text overview for npm/Packagist mirrors (no Mermaid). GitHub renders the full diagram version in README.md.

Browser CSS + JS for ReportKit — CAS design tokens, page chrome, sync/async loaders, and first-class server-side DataTables helpers (export the current view with no re-query).

Website & docs: https://reportkit.lorapok.tech · Part of the Lorapok Labs ecosystem.

Engine: reportkit/core · Laravel adapters: reportkit/laravel, reportkit/laravel-legacy.

JS surface

| API | Purpose | |-----|---------| | ReportKit.fonts.ensure() | Inject Manrope/Sora | | ReportKit.syncLoader.* | Classic form overlay | | ReportKit.asyncLoader.* | Prepare progress overlay | | ReportKit.table.mount() | DataTables serverSide mount | | ReportKit.table.toPreparedRows(api) | Export current view — no re-query | | ReportKit.kpi.apply() | Fill KPI cards from summary JSON |

Layout order (CAS): page-head → filter → summary → KPI → panels → loaders → send → howto.

Requirements

• Peer: jQuery ≥ 1.10.0
• Optional peer: DataTables (datatables.net) for ReportKit.table.mount

Install

npm install @reportkit/ui

Beta channel:

npm install @reportkit/ui@beta

Use in a page

<link rel="stylesheet" href="path/to/reportkit.css">
<link rel="stylesheet" href="path/to/reportkit-compat.css"><!-- optional CAS aliases -->

<script src="jquery.min.js"></script>
<script src="jquery.dataTables.min.js"></script><!-- optional -->
<script src="path/to/reportkit.js"></script>

ReportKit.fonts.ensure();
ReportKit.syncLoader.bindForm('#search-pan', '#rkSyncLoading');

var table = ReportKit.table.mount('#rkTable', {
  ajax: '/admin/demo-report/data',
  columns: [
    { data: 'id', title: 'ID' },
    { data: 'name', title: 'Name' }
  ]
});

Published files: css/, js/, docs/, LICENSE, AUTHORS.md, README.md. Docs: docs/CSS.md · docs/JS.md.

Ecosystem

| Package | Role | |---------|------| | reportkit/core | PHP engine (5.6 → 8.5) | | reportkit/laravel-legacy | Laravel 4.1–5.4 | | reportkit/laravel | Laravel 5.5 → 12 / 13 | | @reportkit/ui | This repository |

Author

Mohammad Maizied Hasan Majumder · [email protected] Founder & Principal Engineer at Lorapok Labs · Senior Software Engineer @ Shohoz Ltd

License

MIT © Mohammad Maizied Hasan Majumder / Lorapok Labs