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

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

Custom Space

Customize the space name, project count, and project thumbnails.

Design Projects

12 projects

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