saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText 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