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

Feature Section

A family of 3 feature section variants (Split, Stacked, Cards) that share a common data interface. Mix and match across pages for visual variety.

The new way

The financial operating system you've been waiting for.

Net changes, not manual chores

Spend 20% less time on the stuff you hate with smart, automated workflows.

Total control, from anywhere

Run your productions from anywhere with one platform for everything.

AI-powered for profitability

Boost margins with AI-driven insights that power smarter decisions.

Features

  • 3 layout variants — FeatureSplit, FeatureStacked, FeatureCards — same data, different presentation
  • Split variant — Text left/right + media. Best for deep-dives with product screenshots.
  • Stacked variant — Centered header, feature row, full-width media. Hero-like mid-page impact.
  • Cards variant — Header + card grid. Equal visual weight for multiple features.
  • Spring arrow CTA — Motion-powered arrow animation on hover
  • Scroll animations — AnimateOnScroll for entrance reveals

Split

Text on one side, media on the other. Best for feature deep-dives with a product screenshot.

The new way

The financial operating system you've been waiting for.

Net changes, not manual chores

Spend 20% less time on the stuff you hate with smart, automated workflows.

Total control, from anywhere

Run your productions from anywhere with one platform for everything.

AI-powered for profitability

Boost margins with AI-driven insights that power smarter decisions.

Stacked

Centered heading, feature row, full-width media. Best for hero-like impact mid-page.

Expense management

Track every dollar on set in real time.

From petty cash to vendor invoices, capture and categorize every production expense the moment it happens.

Receipt scanning

AI-powered categorization the moment a receipt is captured.

Spend controls

Per-production limits and real-time alerts before budgets blow.

Approval workflows

Multi-step approvals that match how your team actually works.

See how it works

Cards

Heading + card grid. Best for showcasing multiple features with equal visual weight.

Platform

Everything you need to run production finances.

Real-time budgeting

Create and track budgets with live variance and cash flow forecasting.

Expense management

Capture receipts, categorize spend, and reconcile in real time.

Payments & bill pay

Pay vendors via ACH, wire, or check with multi-step approvals.

Banking

Integrated bank accounts with per-production allocation and controls.

Reporting

Hot costs, EFC tracking, and production-ready cost reports.

Integrations

Connect with Movie Magic, QuickBooks, and your existing tools.

Explore the platform

API Reference

PropTypeDefaultDescription
categoryTagstring-Label with colored dot accent
headingstring-Section heading
descriptionstring-Section description (Stacked & Cards)
featuresFeaturePoint[]-Array of { icon?, title, description, imageUrl?, videoUrl? }
ctaTextstring-CTA button label
ctaHrefstring-CTA button link
accentColorstring"bg-primary"Tailwind bg class for the dot

Components Used

button