SHOWCASE

Full-page examples built with scificn/ui components. Each showcase demonstrates real-world interface patterns using the design system.

EXAMPLES

CHARTS

SECTOR ANALYTICS CONSOLECHARTS

Deep space sensor array analytics dashboard. Showcases every chart component — LineChart, BarChart, RadarChart, NodeGraph, Heatmap, and ProgressRing — with live-jittered synthetic sensor data.

LineChartBarChartRadarChartNodeGraphHeatmapProgressRingStatCardPanelTabsBadge

VIEW →

LIVE DATA

EARTH ORBIT COMMANDLIVE DATA

Real-time space mission control dashboard. ISS position updates live every 5 seconds. SpaceX launch history, upcoming missions, and crew manifest pulled from open APIs.

PanelBadgeStatCardTerminalStatusGridProgressRingBarChartTabsAlert

VIEW →

STAR WARS

IMPERIAL COMMAND INTERFACESTAR WARS

Full-screen Imperial Navy sector command terminal. Features a tactical grid, mission briefing, comm channels, and live system status readouts.

PanelBadgeButtonAlertProgressTabsStatCardStatusGridProgressRingGrid

VIEW →

ALIEN

NOSTROMO SHIP MANAGEMENTALIEN

USCSS Nostromo crew terminal powered by MU/TH/UR 6000. Features crew vitals, sensor sweep, life support readings, cargo manifest, and emergency systems.

PanelBadgeButtonAlertProgressTabsStatCardTerminalStatusGridProgressRingGrid

VIEW →

SCI-FI

NEXUS STATION-7 OPS CONTROLSCI-FI

Deep space station operations terminal. Manage vessel docking, monitor station modules, track crew, and respond to incoming transmissions.

PanelBadgeButtonAlertProgressTabsStatCardTerminalStatusGridProgressRingGrid

VIEW →