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

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