OPEN CODE · CO-UTILITIES · AI-READABLE

Components you
actually own.

Install accessible React source directly into your project. Every component is monochrome by default, composed from Coordiation utilities, and yours to change.

Browse 66 components Read the architecture

coordiation installready

$ npx @coordiation/cli@next add
  component button

components/ui/button.tsxowned source

66Open-code components

0CSS core runtime dependencies

co-*Coordiation styling

JSONRegistry contract

REGISTRY / 0.1

Component catalog

Each card is backed by installable source and a machine-readable accessibility contract.

SearchCategory

66 of 66 components

01Try 35 chart recipes

Interactive Chart

Animated SVG charts with tooltips, legends, scale controls and accessible data. See /docs/charts.

CLIENT

02Explore 3D charts

3D Chart

Optional WebGL bar, scatter, line and surface charts with rotatable views and accessible fallback.

CLIENT

Button

Accessible action button with visual and size variants.

SERVER

04Stable

Badge

Compact status or metadata label.

SERVER

Project Alpha12 collaboratorsActive

Card

Composable surface with header, content, and footer slots.

SERVER

Input

Styled native text input with invalid and disabled states.

SERVER

Textarea

Multiline native text control with accessible focus states.

SERVER

08Email address

Label

Form label that reflects disabled controls.

SERVER

09Accept terms

Checkbox

Native checkbox wrapped in a consistent control surface.

SERVER

Switch

Controlled accessible toggle with keyboard support.

CLIENT

Changes savedYour project is up to date.

Alert

Semantic feedback surface with title and description.

SERVER

AccountSecurity

Separator

Horizontal or vertical semantic divider.

SERVER

Skeleton

Non-interactive loading placeholder.

SERVER

Spinner

Accessible indeterminate progress indicator.

SERVER

Coordiation@coordiation

Avatar

Image avatar with deterministic text fallback.

CLIENT

Package	Status
Core	Ready
UI	Ready

Table

Responsive semantic data-table composition.

SERVER

Live component

Tabs

Keyboard-navigable controlled tab interface.

CLIENT

Dialog

Modal dialog built on the native dialog element.

CLIENT

Is it accessible?

Native disclosure semantics.

Accordion

Expandable disclosure sections with native semantics.

SERVER

Alert Dialog

Confirmation dialog for consequential actions.

CLIENT

16:9MEDIA

Aspect Ratio

Media wrapper that preserves an explicit aspect ratio.

SERVER

brand-guideline.pdf2.4 MB · PDF

Attachment

File attachment row with metadata and actions.

SERVER

Breadcrumb

Semantic hierarchy navigation with current-page support.

SERVER

Can we ship today?

Yes, checks are green.

Bubble

Compact conversational content bubble.

SERVER

Button Group

Related actions arranged as one control group.

SERVER

August 2026

MTWTFSS

Calendar

Keyboard-friendly single-date calendar grid.

CLIENT

01Component story

Carousel

Accessible content carousel with explicit navigation.

CLIENT

+24% weekly adoption

Chart

Accessible chart container with tabular fallback guidance.

SERVER

Framework settings

Prefix: co-

Collapsible

Controlled disclosure region with aria-expanded state.

CLIENT

30Framework

Combobox

Searchable listbox with keyboard selection.

CLIENT

⌘

Suggestions

Command

Filterable command palette surface.

CLIENT

Context Menu

Contextual action menu with keyboard fallback.

CLIENT

	Task	Status
	Tokens	Done
	CLI	Review

Data Table

Sortable generic data table with semantic headers.

CLIENT

34Release date

Date Picker

Native-first date selection control.

SERVER

LTR

Build for everyone →

RTL

واجهة متكيفة ←

Direction

Writing-direction provider for bidirectional interfaces.

SERVER

Project settingsConfigure your workspace.

Drawer

Edge-mounted modal surface using native dialog behavior.

CLIENT

Dropdown Menu

Keyboard-operable disclosure menu for actions.

SERVER

No projects yet

Create your first project to get started.

Empty

Composable empty-state message and action area.

SERVER

39Workspace URLThis will be your public address.

Field

Form-field composition with description and errors.

SERVER

Hover Card

Supplementary preview revealed by hover or focus.

SERVER

https://

Input Group

Input with leading, trailing, and action slots.

SERVER

Input OTP

One-time-password input with segmented visual cells.

CLIENT

Coordiation CoreUpdated 2 minutes ago

Item

Composable content row with media and actions.

SERVER

Open command menu

⌘+K

Kbd

Semantic keyboard shortcut display.

SERVER

Live

Production deployment is healthy.

Marker

Inline marker for annotations and status.

SERVER

Menubar

Application menubar with semantic menu controls.

SERVER

Coordiation Agentnow

I found 64 available components.

Message

Chat message composition with author and timestamp.

SERVER

YouCheck the registry.

AgentAll 64 components are indexed.

YouGenerate the install command.

Message Scroller

Live-region message viewport with follow-latest behavior.

CLIENT

49Deployment region

Native Select

Styled native select for resilient forms.

SERVER

Pagination

Semantic page navigation with current-page state.

SERVER

Popover

Anchored non-modal content using the Popover API.

CLIENT

Installing components68%

Progress

Determinate progress indicator with native semantics.

SERVER

How will you use Coordiation? Product app Design system

Questionnaire

Composable question flow with progress semantics.

CLIENT

Notification level All activity Mentions only None

Radio Group

Native radio group composition.

SERVER

Sidebar

Content

Resizable

Keyboard-adjustable two-panel layout.

CLIENT

LayoutSpacingTypographyBackgroundsBordersEffects

Scroll Area

Bounded native scroll container with keyboard access.

SERVER

58Component

Select

Custom listbox-style select with controlled value.

CLIENT

Page content

Sheet

Side sheet using native modal behavior.

CLIENT

Sidebar

Composable responsive application sidebar.

CLIENT

61Border radius 12px

Slider

Styled native range input.

SERVER

Deployment completeYour site is now live.

Toast

Live-region notification viewport and items.

CLIENT

Toggle

Pressed-state button with aria-pressed semantics.

CLIENT

Toggle Group

Single- or multi-select group of toggle buttons.

CLIENT

Tooltip

Focus and hover description linked with aria-describedby.

SERVER

AaBuild with a system.Inter · 16 / 24

Typography

Semantic prose primitives with consistent rhythm.

SERVER

Copied

Components youactually own.

Data, with dimension.

Component catalog

Interactive Chart

3D Chart

Button

Badge

Card

Input

Textarea

Label

Checkbox

Switch

Alert

Separator

Skeleton

Spinner

Avatar

Table

Tabs

Dialog

Accordion

Alert Dialog

Aspect Ratio

Attachment

Breadcrumb

Bubble

Button Group

Calendar

Carousel

Chart

Collapsible

Combobox

Command

Context Menu

Data Table

Date Picker

Direction

Drawer

Dropdown Menu

Empty

Field

Hover Card

Input Group

Input OTP

Item

Kbd

Marker

Menubar

Message

Message Scroller

Native Select

Navigation Menu

Pagination

Popover

Progress

Questionnaire

Radio Group

Resizable

Scroll Area

Select

Sheet

Sidebar

Slider

Toast

Toggle

Toggle Group

Tooltip

Typography

One registry, two readers.

Components you
actually own.