saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Pricing Cards

A responsive pricing section with billing toggle, plan cards, enterprise callout, and collapsible add-ons.

Plans & Pricing

Choose the best plan for your production and try free for 14 days

Starter

For individuals and small projects getting started.
Free
Includes:
  • 1 active project
  • 1 seat
  • 2GB storage
  • Budgeting & actualizing
  • Industry templates
  • Contacts
  • Community support

Pro

For professionals who need more power and flexibility.
$32/mo

$384 billed annually (save $96)

Everything in Starter, plus:
  • Unlimited projects
  • 3 custom templates
  • 10GB storage
  • Cards & payments
  • 50 ACH/wire payouts
  • Cross-border payments
  • Slack integration
  • Email support

Team

For teams who need shared access, approvals, and oversight.
$79/mo

$948 billed annually (save $240)

Everything in Pro, plus:
  • 3 seats (+$35/seat)
  • 5 templates with spaces
  • 100GB storage
  • 150 ACH/wire payouts
  • Real-time payments
  • Advanced approvals
  • QuickBooks sync
  • Priority support
For larger organizations

Enterprise

For organizations with 10+ seats that need SSO, dedicated support, and custom integrations.
SSO & SAMLDedicated SupportCustom IntegrationsAdvanced Controls
Custom pricing

Features

  • Billing toggle — Animated pill toggle between monthly and annual pricing
  • Featured plan — Visual highlight for the recommended plan
  • Enterprise callout — Optional enterprise tier with custom pricing CTA
  • Add-ons accordion — Collapsible add-on grid for upsells
  • Responsive — 3-column grid on desktop, stacked on mobile

API Reference

PropTypeDefaultDescription
plansPricingPlan[]-Array of pricing plans
enterpriseEnterprisePlan-Optional enterprise tier callout
addOnsAddOn[]-Optional collapsible add-ons list
headingstring"Plans & Pricing"Section heading
subheadingstring-Section subheading
classNamestring-Additional className

Components Used

buttonaccordion