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

Project Spaces

A folder-like component for organizing and displaying multiple projects in a grid layout.

Development

7 projects

Features

  • Grid preview — Shows 4 project thumbnails
  • Hover animations — Subtle lift effect
  • Dropdown menu — Rename and delete actions
  • Context menu — Right-click for quick access

API Reference

PropTypeDefaultDescription
namestring"Development"Space/folder name
projectCountnumber7Number of projects
projectsArray<{ image?: string; gradient?: string }>-Project thumbnails (first 4 shown)

Components Used

dropdown-menucontext-menu