# Monitoring components

> 10 Monitoring components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: ApmPage, APM panels, Error tracking, LogViewer, StatusPage, StatusPageManager, TimeSeriesPanel, UptimeMonitors, WebVitalGauge, WebVitalsPage.

Source: https://docs.nasaqui.com/components/groups/monitoring

- [ApmPage](https://docs.nasaqui.com/components/apm-page): An application performance page - latency percentiles, throughput, error rate with an SLO, slow endpoints and traces with a span waterfall.
- [APM panels](https://docs.nasaqui.com/components/apm-panels): Latency percentiles (p50, p95, p99), an error-rate panel with an SLO, a slow-endpoints table and a trace list with a span waterfall.
- [Error tracking](https://docs.nasaqui.com/components/error-tracking): A list of captured errors with a frequency sparkline, and a detail view with stack trace, breadcrumbs, tags, captured screenshot, console and network, plus resolve and ignore.
- [LogViewer](https://docs.nasaqui.com/components/log-viewer): Virtualised log stream with level filters and counts, time ranges, timestamps, search with highlights and regex, follow tail, pause and resume, load older, server-side filtering, detail panel, copy and download.
- [StatusPage](https://docs.nasaqui.com/components/status-page): The public status page - an overall banner, each service with a daily history bar and uptime, active and past incidents with their updates, and scheduled maintenance. No admin controls and no sign-in.
- [StatusPageManager](https://docs.nasaqui.com/components/status-page-manager): Admin for the public status page - title, address and custom domain, which services show and in what order (staged until Save), and posting incidents that appear on the page.
- [TimeSeriesPanel](https://docs.nasaqui.com/components/time-series-panel): A chart card for one metric at a time, with a previous-period comparison line, a metric switcher and threshold lines. Also exports PeriodToggle.
- [UptimeMonitors](https://docs.nasaqui.com/components/uptime-monitors): The admin side of uptime - a table of monitors with status, a recent-checks bar, a 24h, 7d or 30d uptime badge, response time and last check, pause, resume, check now, edit and delete, plus incidents with their updates.
- [WebVitalGauge](https://docs.nasaqui.com/components/web-vital-gauge): A gauge for one Core Web Vital (LCP, INP, CLS, FCP, TTFB) with Google's good, needs-improvement and poor bands, the p75 value and the distribution of page loads.
- [WebVitalsPage](https://docs.nasaqui.com/components/web-vitals-page): A web vitals report - a Core Web Vitals verdict, gauges for LCP, INP, CLS, FCP and TTFB with distributions, a trend chart with Google's limits, and pages to fix.