A framework that understands finance: coding agents read the component manifest, pull licensed patterns over MCP, and compose accessible, compliant screens.
Components you own. Patterns under licence.
FinX is a library of dedicated UI components designed specifically for financial institutions. It enables digital applications that comply with WCAG and ADA accessibility regulations from the first commit, not as a retrofit.
A set of ready-made domain patterns, extracted from production financial applications, shortens implementation time and cuts the cost of integration and compliance.
The private package is yours to keep: components, themes, the full API manifest and conformance tooling. It builds and runs with or without a licence.
Composition patterns are served by the licensed
finx-patterns MCP server. Your coding agent signs in with
your licence key in the browser, no keys in the repo.
The handshake matches your installed package version to the pattern
set, then guides every screen: list_patterns,
get_pattern P03, get_recipes fx-table.
81 Angular components: tables, charts, forms, overlays. NgModule imports, signal-ready, zero deep imports.
29 composition patterns with machine recipes, version-matched to your package and gated against drift in CI.
391 living stories, generated API docs per component, live brand and dark-mode switching in the toolbar.
A shipped scanner that keeps consuming apps on fx-* components and semantic tokens, plus per-story axe in CI.
| Capability | Free solutions | Paid solutions | FinX |
|---|---|---|---|
| Ready-made patterns | None | None | Available |
| WCAG & ADA compliance | Partial | Partial | Full |
| Support for large data volumes | Limited | Limited | Efficient |
| Dedicated components | Generic | Generic | Dedicated |
| Licensing model | Free | Costly | Flexible |
The Storybook is the contract: every component, every pattern exemplar, every brand, live. The demo app shows full screens composed from them.