SPFx adapter
Drop components into SharePoint Framework web parts and extensions, powered by PnPjs data hooks.
@spartanfx/react/spfxBuild faster, bind anywhere
SharePoint - SPFxPower Apps - PCFPower Apps - Code AppsReact / TypeScript
SpartanFX is a production-ready library of enterprise-grade React and TypeScript components, providing a consistent and reliable UI foundation for every project while accelerating development and improving code quality. Its adapters simplify the data-binding layer, connecting components to SharePoint and Dataverse across SPFx and Power Platform code apps in just a few lines. Prefer full control? Use any component independently and bind your data manually.
Scroll to explore
The SpartanFX ecosystem
One component, two ways to bind data
Drop a reusable SpartanFX component into any project, then feed it data either way — wire it yourself, or let a ready-made adapter connect it to SharePoint, Dataverse and more, instantly.
Two ways to feed data into a reusable SpartanFX component. One: bind it manually to any data source by writing the data layer yourself. Two: bind it instantly through the adapters & hooks layer — the SPFx adapter connects to SharePoint, and the Code App adapters connect to SharePoint and Dataverse.
① Bind manually
Any data sourceyou write the data layer
SpartanFXReusable React / TS component
② Bind instantly — the adapter wires your data- SPFx adapterSharePointlists & libraries
- Code App adapterSharePointlists & libraries
- Code App adapterDataversetables & rows
Code Apps · SharePoint
Bind the same components to SharePoint lists and libraries inside Power Platform code apps.
@spartanfx/react/codeappsCode Apps · Dataverse
Connect components straight to Dataverse tables and rows with ready-made data hooks.
@spartanfx/react/codeapps0+Components
0Project Types
0%TypeScript
Why SpartanFX?
Everything you need to build across every project type
A consistent UI foundation
Technology-agnostic React & TypeScript components that give every project — SPFx, PCF, code apps, or modern web — the same reliable, reusable UI foundation.
Adapters & hooks
Connect components to SharePoint, Dataverse, and other host APIs through dedicated adapters — your UI stays the same, the data source plugs in.
Enterprise ready
Error boundaries, shared React context, logging, dark mode, and accessibility are built in — ready for production from day one.
Developer first
Full TypeScript types, intuitive APIs, and tree-shakable entry points (@spartanfx/react, /spfx, /codeapps) backed by comprehensive docs.
Data — any source
Powerful DataTable
A responsive, feature-rich data table you configure once. Connect it to SharePoint, Dataverse, or any tabular source through SpartanFX adapters.
- Responsive with multi-select & bulk actions
- Inline edit, delete & custom row actions
- Instant search, column filtering & sorting
- Export to Excel in a single click
- Infinite scroll or paging over backend data
Forms — any source
Schema-driven ListForm
Auto-generate forms from your data schema and wire them to SharePoint or Dataverse with a single adapter hook. Validation, attachments, and complex layouts out of the box.
- Global React context for complex form layouts
- Auto-render fields from your data schema
- Live validation & error summaries
- Drag-and-drop attachments
- Seamless save & update hooks
Data Visualization
Rich Data Surfaces
Visualize your data with interactive Planner boards, flexible DataGrids, and elegant Timelines — the same components running on SharePoint or Dataverse through adapters. Turn complex data into actionable insights.
- Planner with drag-and-drop swimlanes & calendar views
- DataGrid with inline editing & live validation
- Timeline with milestone tracking & progress indicators
- One component set across SharePoint & Dataverse
Reliability
Stay bulletproof with AppShield
Wrap any React app — SPFx, PCF, code apps, or standalone — in a production-ready error boundary that captures issues, logs them, and keeps users productive.
- Works across every project type, with or without SPFx
- Global context available throughout the app
- Custom fallback UIs for graceful degradation
- Zero extra configuration required
Ready to build faster and bind anywhere?
Get started with SpartanFX today or schedule a demo with our team.