cladd
DocsDocumentationComponentsMCPMCP Server
Getting started
  • Introduction
  • Installation
  • TypeScript
Components
  • Overview
  • Accordion
  • Backdrop
  • Button
  • Calendar
  • Checkbox
  • Chip
  • Collapsible
  • Color Editor
  • Color Picker
  • Date Picker
  • Dialog
  • Input
  • Link
  • List
  • Number Field
  • Number Scrubber
  • OTP Field
  • Popover
  • Popup
  • Radio
  • Search Field
  • Section Title
  • Segmented
  • Select
  • Shortcut
  • Slider
  • Spinner
  • Surface
  • Surface Cut
  • Switch
  • Tabs
  • Textarea
  • Toast
  • Toggle Group
  • Toolbar
  • Tooltip
  • Cladd Provider
Hooks
  • useTheme
  • useAccentColor
  • useSurface
  • useDevice
  • useDialog
  • useToast
Foundations
  • Quickstart
  • Surfaces
  • Colors
  • Sizing
  • Pitfalls

Components

Every component cladd ships, in one place. Click any tile for its full API, examples, and prop reference.

Accordion
Backdrop
Button
Calendar
Checkbox
Draft
Chip
Collapsible
Color Editor
Color Picker
Date Picker
Dialog
Input
Open docs ↗
Link
List
Number Field
Number Scrubber
OTP Field
Popover
Popup
Radio
Search Field
Section
Section Title
Segmented
Select
CTRL
K
Shortcut
55
Slider
Spinner
level 2
Surface
recessed
Surface Cut
Switch
Tabs
Textarea
Toast
Toggle Group
Toolbar
Tooltip
Tooltip
Cladd Provider
TypeScript
Accordion
cladd
Documentation
IntroductionInstallationComponentsFoundationsHooks
Project
AboutChangelogMCP serverllms.txtGitHubLicense
Code licensed under MIT
Copyright © 2026 Built with cladd by nolimits4web
Start Page HQPaneFlow - Create Stunning Slideshows Visually. No Code Requiredt0ggles - Your ultimate multiple projects management toolSwiper Studio - Create Beautiful And Responsive Sliders Without Writing Any CodeUI Initiative - Premium templates & plugins for Swiper and Framework7Cladd - A React UI kit for building actual appsFisper - Local AI Voice Dictation for macOS