Skip to content

Docs Components Changelog

Figma Get started

Get started0.3.0

Introduction Showcase Components Guidelines Installation Figma sync Changelog

Foundations15

Colors Typography Radius Spacing Surfaces Sizes Motion Fluid hover Reveal Scrollbars States Icons Accessibility Writing Skill

Patterns7

Task status Task row Cycle header Thread comment Reply composer Suggestion card Inbox item

Actions4

Button Button Group Toggle Toggle Group

Forms19

Input Input Group Input OTP Textarea Field Label Select Native Select Combobox Checkbox Radio Group Switch Slider Calendar Time Scale Color Picker Filter Menu Sortable Dropzone

Overlays13

Dialog Alert Dialog Sheet Drawer Popover Hover Card Tooltip Dropdown Menu Context Menu Menubar Command Command Menu Toast

Navigation5

Sidebar Navigation Menu Tabs Breadcrumb Pagination

Layout10

Card Item Accordion Collapsible Separator Scroll Area Resizable Aspect Ratio Carousel Direction

Data display5

Table Chart Avatar Badge Kbd

Feedback6

Alert Empty Progress Skeleton Spinner Text Shimmer

Chat and agents13

Input Message Message Bubble Message Scroller Streaming Text Thinking Tool Call Task List Trace Attachment Code Block Questionnaire Marker

PreviousShowcase Next Guidelines

Components

75 components, each with its examples, its API and its page in the Sphere Kit Figma library.

Actions 4

Forms 19

Overlays 13

Navigation 5

Navigation Menu

Layout 10

Data display 5

Feedback 6

Chat and agents 13

Message Scroller