Data Display

Components for presenting, organizing, and interacting with data -- tables, stats, lists, uploads, and timestamps.

Table

Data table with sticky header, row hover states, and status badges. Scroll vertically to see the sticky header in action.

Name	Status	Latency	Requests	Last Updated
/api/v2/users	Healthy	42ms	1,284,320	2 min ago
/api/v2/auth/token	Healthy	18ms	982,110	5 min ago
/api/v2/payments	Degraded	320ms	412,890	1 min ago
/api/v2/search	Healthy	95ms	2,041,500	30 sec ago
/api/v2/webhooks	Down	--	54,200	12 min ago
/api/v2/analytics	Healthy	67ms	738,450	3 min ago

Key metric display with animated count-up values, trend indicators, and inline sparklines.

Revenue

$0 ↑ 12.5%

Users

0 ↑ 12.5%

Error Rate

0% ↓ 3.2%

Uptime

0% → 0%

Interactive list items with selection state, hover reveal for secondary actions, and drag styling.

Swell Design System

Component library and design tokens for the Swell platform

Analytics Dashboard

Real-time metrics and performance monitoring interface

Payment Gateway

Stripe integration and billing management service

API Documentation

OpenAPI spec and interactive reference for v2 endpoints

Infrastructure Config

Terraform modules and deployment pipeline configuration

Drag-and-drop upload area with hover and active drag states. Try dragging a file over it.

Drop files here or click to upload

PNG, JPG up to 10MB

Relative timestamps with full date/time tooltips on hover.

2 hours ago Yesterday Jan 28, 2026