Assembling...
npx arkitekton add UI-002Dynamic form builder with 25+ field types, conditional logic, multi-step wizards, validation rules, and JSON Schema output.
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.
EDE Enrollment Platform
Complete Enhanced Direct Enrollment platform for ACA marketplace integration. Includes identity proofing (RIDP), eligibility determination, plan quoting, APTC calculation, and 834 enrollment submission — fully compliant with CMS EDE requirements.
Telehealth Application
HIPAA-compliant telehealth platform with video consultations, patient intake, clinical document exchange, e-prescribing integration, and appointment scheduling. Built for virtual care delivery.
Clinical Trial Management
End-to-end clinical trial management with patient recruitment via automated eligibility matching, eCRF data capture, adverse event tracking, regulatory submission workflows, and site management dashboards.
Behavioral Health Platform
Behavioral health management platform with intake assessments (PHQ-9, GAD-7), treatment plan tracking, telehealth sessions, consent management with 42 CFR Part 2 compliance, and outcome measurement dashboards.
Dental Practice Suite
Comprehensive dental practice management with patient scheduling, periodontal charting, treatment planning, insurance verification, CDT code-based claims submission, and imaging integration.
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.
Lending Platform
End-to-end loan origination and servicing platform with application intake, credit decisioning, document collection, underwriting workflow, closing document generation, and loan servicing dashboards.
Tax Preparation Suite
Tax preparation and filing platform with guided interview workflows, tax form auto-population, deduction optimization, e-file submission, refund tracking, and multi-state return support.
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.
Vendor Management
Vendor lifecycle management with onboarding workflows, risk assessments, contract management, performance scorecards, compliance monitoring, and diversity reporting for third-party vendors.
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.
Citizen Services Portal
Section 508 compliant citizen-facing portal with service catalog, application submission, status tracking, payment processing, and multi-language support following USWDS design standards.
Permit Management System
Permit and licensing management with online application intake, automated review routing, inspection scheduling, fee calculation, issuance tracking, and public permit search with GIS integration.
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 UI-002export function MultiSectionForm({ accentColor = "#EC4899" }: {accentColor?:string}) {
return (<div className="max-w-md mx-auto p-4 space-y-5"><div className="space-y-3"><h3 className="text-sm font-semibold text-gray-900 border-b pb-2">Personal Information</h3><div className="grid grid-cols-2 gap-3">{[{l:"First Name",v:"John"},{l:"Last Name",v:"Smith"}].map(f=>(<div key={f.l}><label className="block text-xs font-medium text-gray-700 mb-1">{f.l} <span className="text-emerald-500">✓</span></label><input defaultValue={f.v} className="w-full px-3 py-2 rounded-lg border text-sm" /></div>))}</div><div><label className="block text-xs font-medium text-gray-700 mb-1">Email <span className="text-emerald-500">✓</span></label><input defaultValue="john@company.com" className="w-full px-3 py-2 rounded-lg border text-sm" /></div><div><label className="block text-xs font-medium text-gray-700 mb-1">Department</label><select className="w-full px-3 py-2 rounded-lg border text-sm"><option>Engineering</option><option>Marketing</option><option>Sales</option></select></div></div><div className="space-y-3"><h3 className="text-sm font-semibold text-gray-900 border-b pb-2">Additional Details</h3><div><label className="block text-xs font-medium text-gray-700 mb-1">Notes</label><textarea rows={3} className="w-full px-3 py-2 rounded-lg border text-sm" placeholder="Add any notes..." /></div></div><button className="w-full py-2.5 rounded-lg text-white text-sm font-semibold" style={{backgroundColor:accentColor}}>Save Changes</button></div>);
}Showing: Multi-Section Form (standard)
No code variants available yet
Variants for Form Builder are coming soon