Assembling...
npx arkitekton add FND-004Responsive dashboard layout framework with configurable widget grid, drag-and-drop arrangement, persistent layouts, and real-time data binding.
Community construct — compliance mapping available after certification
No dependencies required. Fully standalone.
Pre-built solutions that include this construct. Deploy a complete application to Studio.
Broker Portal
Full-featured broker and agency management portal with Book of Business (client 360), commission tracking, plan comparison, quoting tools, and SEP verification. Built for insurance brokers managing ACA and ancillary enrollment.
Claims Processing Hub
End-to-end claims adjudication and processing hub with X12 EDI parsing, eligibility verification, medical coding (ICD-10/CPT), fraud detection, and claims status tracking. Designed for payers and TPAs.
Population Health Dashboard
Population health analytics dashboard with risk stratification, care gap identification, quality measure tracking (HEDIS/Stars), and social determinants of health mapping. Real-time cohort analysis across patient populations.
Revenue Cycle Management
Healthcare revenue cycle platform with patient registration, eligibility verification, charge capture, automated coding (ICD-10/CPT), claims submission, denial management, and accounts receivable analytics.
EDE Enhanced Broker Portal
Broker-facing EDE portal with Book of Business management, commission tracking, multi-carrier quoting, SEP verification, plan comparison, and client enrollment lifecycle management.
Wealth Management Platform
Comprehensive wealth management platform with portfolio visualization, trade execution, risk assessment, OFAC screening, regulatory reporting (SOX), and client onboarding with KYC/KYB verification.
Digital Banking Platform
Full-stack digital banking platform with account management, ACH/wire transfers, bill pay, mobile check deposit, real-time transaction monitoring, fraud detection, and personal financial management tools.
Insurance Admin System
Insurance policy administration system with product configuration, quote-to-bind workflow, underwriting rules engine, policy issuance, endorsements, renewals, and claims first notice of loss (FNOL) intake.
Trading Platform
Electronic trading platform with real-time market data feeds, order management, position tracking, risk management, portfolio analytics, and regulatory reporting for equities, options, and fixed income.
Accounting Platform
Cloud accounting platform with double-entry bookkeeping, bank reconciliation, invoicing, expense management, financial reporting, and multi-entity consolidation with real-time dashboards.
IT Service Management
ITIL-aligned IT service management platform with incident management, problem tracking, change management, CMDB, service catalog, SLA monitoring, and knowledge base with rule-based ticket routing.
Asset Management
Enterprise asset management with lifecycle tracking, depreciation schedules, maintenance scheduling, barcode/QR scanning, check-in/check-out workflows, and asset compliance reporting.
Procurement Portal
End-to-end procurement platform with requisition workflows, vendor catalog management, purchase order automation, three-way matching, budget tracking, and spend analytics dashboards.
Project Management Hub
Collaborative project management with kanban boards, Gantt charts, resource allocation, time tracking, sprint planning, burn-down charts, and cross-project dependency mapping.
Employee Self-Service Portal
Employee self-service portal with PTO requests, pay stub viewing, benefits enrollment, org chart, company directory, expense reimbursement, and internal knowledge base access.
Public Safety Dashboard
Public safety analytics dashboard with incident mapping, real-time resource tracking, crime statistics visualization, community alert management, and inter-agency data sharing with CJIS compliance.
Emergency Management
Emergency management platform with incident command system (ICS) support, resource allocation, mass notification, shelter management, damage assessment, and after-action reporting for disaster response.
Student Information System
Student information management with enrollment tracking, attendance recording, grade management, transcript generation, parent portal, and state reporting compliance with FERPA data protections.
SaaS Starter Kit
Production-ready SaaS starter with multi-tenant architecture, subscription billing, team management, role-based access, onboarding flows, usage analytics, feature flags, and admin dashboard.
Supply Chain Management
End-to-end supply chain visibility with supplier management, purchase order tracking, inventory optimization, demand forecasting, shipment tracking, and supply chain analytics dashboards.
Fleet Management
Fleet management platform with vehicle tracking, route optimization, driver management, maintenance scheduling, fuel monitoring, compliance reporting (DOT/FMCSA), and real-time dispatch dashboards.
Two-Sided Marketplace Payments
Marketplace payment orchestration with Stripe Connect integration, split payment routing, escrow management, automated payout scheduling, seller onboarding with KYC, tax form collection (1099-K), and dispute resolution workflows.
Business Intelligence Platform
Self-service business intelligence platform with drag-and-drop dashboard builder, SQL query editor, scheduled report generation, data visualization library, embeddable charts, automated data exports, and role-based data access controls.
Smart Building Management
Smart building management platform with MQTT broker for device communication, sensor gateway for environmental monitoring, energy consumption tracking and optimization, HVAC control automation, occupancy analytics, predictive maintenance alerts, and building-wide dashboard.
These constructs have compatible ports for seamless integration.
Dependable and performant. Our p99 latency dropped by 15ms after switching to this from our custom implementation.
Excellent construct, integrated seamlessly into our production pipeline. Documentation is top-notch and the TypeScript types saved us hours of debugging.
Solid performance and great API design. The only improvement I would suggest is better error messages for edge cases during initial setup.
We replaced our in-house solution with this and saw a 40% reduction in development time. The compliance features are exactly what we needed.
Very well-maintained. The team responds quickly to issues and the release cadence is impressive. Have been using it for 6+ months.
ark add FND-004interface DashboardProps { accentColor?: string; }
const KPIS = [
{ label: "Revenue", value: "$84.2K", change: "+14.2%", up: true },
{ label: "Users", value: "12,847", change: "+8.3%", up: true },
{ label: "Orders", value: "1,234", change: "-2.1%", up: false },
{ label: "Conversion", value: "3.24%", change: "+0.8%", up: true },
];
const BARS = [65, 82, 71, 94, 88, 76, 91];
const DAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
export function StandardDashboard({ accentColor = "#2563EB" }: DashboardProps) {
return (
<div className="p-4 space-y-4">
<div className="grid grid-cols-4 gap-3">
{KPIS.map(k => (
<div key={k.label} className="bg-white border border-gray-200 rounded-lg p-3">
<span className="text-[10px] text-gray-500">{k.label}</span>
<div className="text-lg font-bold text-gray-900 mt-0.5">{k.value}</div>
<span className="text-[10px] font-semibold" style={{ color: k.up ? "#10B981" : "#EF4444" }}>{k.change}</span>
</div>
))}
</div>
<div className="bg-white border border-gray-200 rounded-lg p-4">
<h3 className="text-sm font-semibold text-gray-900 mb-3">Weekly Overview</h3>
<svg viewBox="0 0 280 100" className="w-full">
{BARS.map((h, i) => (
<g key={i}>
<rect x={10 + i * 40} y={95 - h} width="24" height={h} rx="4" fill={accentColor} fillOpacity={0.8} />
<text x={22 + i * 40} y="110" textAnchor="middle" fontSize="8" fill="#9CA3AF">{DAYS[i]}</text>
</g>
))}
</svg>
</div>
</div>
);
}Showing: Standard Dashboard (standard)
No code variants available yet
Variants for Dashboard Container are coming soon