Every component, in sync.
The complete, interactive NxSync component library — states, variants, and motion for every element. Toggle the theme; everything adapts.
Motion tokens
Motion is meaning, never decoration. Every component shares one easing curve and a small set of durations so the whole system feels like one hand made it.
cubic-bezier(.4,0,.2,1)140ms240ms320msrespectedIcon buttons & FAB
Icon-only buttons for dense toolbars; the floating action button rotates on hover.
Text fields
Iris focus ring, clear states, and an animated floating label. Helper text carries validation.
Standard & statesSearch
Leading icon, a clear button that appears as you type, and a results popover.
Select & multi-select
Custom dropdown with an animated chevron and checkable options. Multi-select collects removable chips.
Radio, checkbox & switch
Animated: the checkmark draws, the radio dot scales, the switch knob slides.
Slider & stepper
Range with an Iris thumb that scales on hover, plus a numeric stepper.
File upload
A dropzone that lights up Iris on hover.
Tabs & segmented control
The tab indicator slides between items; the segmented control swaps an elevated thumb.
TabsPagination
Accordion
Smoothly expands using an animated grid row — no janky max-height.
NxSync matches your bank feed against the general ledger automatically, flags exceptions, and proposes adjusting entries for your approval. Nothing posts without you.
Yes. Every automated action is logged and reversible, with a full audit trail attached to the period.
Operating, payroll, reserve, and tax accounts connect through secure bank feeds and stay in sync in real time.
Data table
Row selection, hover, sortable headers, tabular figures, and status badges.
| Entry ↑ | Account | Status | Amount | |
|---|---|---|---|---|
| JE-002841 | Accounts Receivable | Posted | 12,450.00 | |
| JE-002842 | Bank · Operating | Pending | 8,900.00 | |
| JE-002843 | Sales Revenue | Failed | −2,100.00 |
Chips & badges
Filter & input chipsAvatar & list
Cards & KPIs
Cards lift on hover; KPI tiles use display type, tabular figures, and a sparkline.
Month-end close
86% complete · 4 tasks remaining before the books lock.
Calendar / date picker
Alerts & toasts
Inline banners for persistent context; toasts slide in for transient confirmation.
Progress, spinners & skeletons
From determinate bars to the signature working-state mark. Skeletons shimmer while data loads.
BarsModal & drawer
The modal scales in over a blurred backdrop; the drawer slides from the right.
Empty state
A blank screen is a prompt, not a dead end.
No purchase orders yet
Create your first PO, or import existing ones from a CSV to get started.
Combobox / autocomplete
Type to filter; matches highlight, arrow keys move, Enter selects.
Tag input
Type and press Enter to add a tag; backspace on an empty field removes the last.
Wizard / progress steps
Completed steps fill with Pulse; the connector animates as you advance.
Tree view
Expandable hierarchy with the same animated grid-row reveal as the accordion.
Timeline / activity feed
An audit-friendly history; the live event pulses.
Data visualization
Lightweight chart primitives — bars grow on load, donut and sparkline in brand color.
Bar chartRating
Hover to preview, click to set.
Notification popover
A bell with an unread count opens a panel of recent activity.
Kanban board
Columns of draggable cards for approval and review flows.
Command Bar
The bridge between clicking and asking — navigate, ask, and act in one surface.
Agent activity
The accountability layer — plan, progress, intervention, and an audit trail.