Demo Site

Card Grids

Responsive grid layouts for equal-weight items — integrations, metrics, and feature tiles.

Metric Cards

Compact KPI tiles with trend indicators — ideal for dashboard summaries

Active users

2,847+12.5%

Avg. response

145ms-8.2%

Uptime

99.98%+0.01%

API calls

1.2M+23.1%

Integration Cards

Service tiles showing connection status — suited for marketplace and settings views

Stripe

Connected

Payment processing and billing management

Payments

Slack

Connected

Team messaging and workflow notifications

Communication

GitHub

Connected

Source control and deployment pipelines

Development

Datadog

Available

Infrastructure monitoring and APM

Monitoring

Snowflake

Available

Data warehouse and analytics queries

Data

Okta

Available

Single sign-on and identity management

Security

Stacked Lists

Vertical sequences for chronological, priority-ordered, or scannable data.

Activity Feed

Chronological event stream with contextual icons and relative timestamps

A. Chen deployed v3.2.1 to production

4 min ago

M. Patel commented on RFC: Auth token rotation

18 min ago

S. Okoro opened Issue #412 — Rate limiter edge case

1 hr ago

J. Rivera merged PR #389 — Dashboard filters

2 hr ago

T. Nakamura updated API documentation — Webhooks section

3 hr ago

Task List

Priority-ordered items with status, assignee, and due-date metadata

Finalise Q1 security audit report

High

Today

Review webhook retry logic

Medium

Tomorrow

Migrate staging environment to v4

High

Feb 12

Add rate-limit headers to public API

Low

Completed

Masonry Layouts

Variable-height arrangements that break uniform grids for visual interest and content hierarchy.

Feature Showcase

Variable-height feature tiles using CSS column layout — longer descriptions naturally fill more space

Authentication

Multi-provider SSO, MFA enforcement, session management, and token rotation with configurable expiry policies.

SecurityIdentity

Real-time Sync

WebSocket-based live updates across all connected clients.

Infrastructure

Analytics Engine

Custom event tracking, funnel analysis, cohort breakdowns, and exportable reports with scheduled delivery to stakeholders.

DataInsights

Theming

Dynamic colour tokens, dark mode, and white-label support.

Notifications

In-app, email, and push notifications with per-channel preferences, digest scheduling, and template management.

EngagementCommunication

Scheduling

Calendar integration and time-zone-aware event handling.

Productivity

Resource Cards

Mixed-emphasis layout — starred items span full width, others fill a two-column grid

API Reference

Complete endpoint documentation with interactive examples and authentication guides.

Documentation142 endpoints

Component Library

Visual catalog of all UI primitives, patterns, and layout compositions with code snippets.

Design48 components

Integration Cookbook

Step-by-step recipes for connecting third-party services, handling webhooks, and managing OAuth flows.

Guides24 recipes

Performance Benchmarks

Engineering

Latency, throughput, and resource utilisation data across deployment regions.

Updated weekly

Compliance Matrix

Security

SOC 2, GDPR, and HIPAA control mapping with audit-ready evidence links.

3 frameworks

Kanban Board

Drag cards between columns or reorder within a column. Use arrow buttons, inline editing, and priority cycling as before.

Board View

Drag cards by the grip handle to reorder or move between columns. Click a title to edit inline, click the priority chip to choose a level, or use the + button to add cards.

Backlog

Praesent commodo cursus magna

Nullam id dolor ullamcorper

Vestibulum dapibus nunc ac augue

In Progress

Donec sed odio viverra justo

Maecenas faucibus mollis interdum

Review

Cras mattis consectetur purus

Aenean eu leo quam ornare

Complete

Etiam porta sem malesuada magna

Fusce dapibus tellus ac cursus