saturation/uisaturation/ui
DocsComponentsBlocksPagesEmails
GitHub

Sections

IntroductionComponentsInstallationMCPThemingDesign

Components

Components

General

AvatarBadgeButtonKbdProgressSeparatorSkeletonSpin ResolveSpinnerSync ButtonTypography

Forms & Inputs

Address LookupCalendar PickerCheckboxComboboxDate PickerEmoji PickerFavicon SearchFieldInputInput GroupInput OTPRadio GroupSelectSliderSwitchTextareaToggleToggle Group

Data Display

AccordionAlertCardChartComparison SliderCredit CardData TableEmptyItemSaturation Credit CardTableTree

Navigation

BreadcrumbCommandMenubarNavigation MenuPaginationTabs

Overlays

CollapsibleContext MenuDialogDropdown MenuSheet

Layout

Button GroupFont ProviderWizard Split Layout

Feedback

Sonner

Animation & Effects

Animated GroupAnimated ListAnimated NumberBeamBlur FadeBorder TrailGlow EffectLiquid MetalLoading StateParallaxPixelProgressive BlurRippleSpotlightText EffectText Shimmer

Productivity

Agent ChatAI Chat InputCoding AgentFiltersFull CalendarKanbanNovel Editor

Connections

Connections panel for managing transaction sources (Plaid bank accounts, Saturation Pay, Saturation Credit) and outbound destinations (QuickBooks, and upcoming NetSuite, Xero, Google Sheets). Includes inline QuickBooks configuration with account, category, and project mappings.

Connections

Manage where transactions flow in and out

Sources— data flowing in

Saturation Pay ••7565

Active

Saturation Credit

Active
Bank of America
Connected
HS
HSBC
Connected
Destinations— data flowing out
QuickBooksBETA

Last synced 1d ago

Connected
Xero
Coming soon

Features

  • Sources section — Displays Saturation Pay and Credit as side-by-side Active source cards, plus five expandable Plaid institution rows with per-institution sync, toggle, and disconnect actions.
  • Destinations section — Shows QuickBooks (connected with sync/toggle/menu), plus Xero, NetSuite, Google Sheets, Sage Intacct, and FreshBooks as coming-soon rows.
  • QuickBooks configuration — Opens a side Sheet with General, Accounts, and Projects tabs for full QuickBooks sync configuration.
  • Update All sync buttons — Section headers include SyncButton with animated spinner for bulk-syncing all sources or destinations.

Components Used

SheetButtonDropdownMenuSyncButtonKbdTooltipSeparatorInputSwitch