Saturation UIsaturation UI
DocsComponentsBlocks
⌘K

Getting Started

IntroductionInstallationTheming

Components

AccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendarCardChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDropdown MenuEmptyFieldGlow EffectInputInput GroupItemKbdMenubarNovel EditorPaginationProgressive BlurProgressSelectSheetSkeletonSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Introduction

Welcome to Saturation UI - a beautiful component library built on top of shadcn/ui.

What is Saturation UI?

Saturation UI is a component library that extends shadcn/ui with vibrant, saturated design tokens and additional components. It provides a collection of beautifully designed, accessible components that you can copy and paste into your apps.

Key Features

  • Built on top of shadcn/ui and Radix UI
  • Vibrant, saturated color palette
  • Fully customizable with CSS variables
  • Accessible by default
  • Dark mode support
  • Copy and paste components

Getting Started

To get started with Saturation UI, follow our installation guide to set up your project with the necessary dependencies and configuration.

Installation Guide

Browse Components

Explore our collection of components and see how they can be used in your projects.

View Components