GENERATED REFERENCE

Utility registry

The human- and machine-readable source of truth for utility support in Coordiation CSS. This page is regenerated from the same module used by the compiler.

586static utilities

15dynamic families

1.0schema version

Dynamic utility families

layoutcomplete

Layout and positioning

Control document flow, positioning, logical directions, horizontal or vertical writing systems, overflow, and replaced content.

co-{display}co-{position}co-inset-*co-direction-*co-writing-*co-text-orientation-*co-unicode-bidi-*co-text-combine-*co-overflow-*co-object-*co-aspect-*co-break-*-*co-z-*

Target v0.3 · Arbitrary values supported · Negative values supported

Read the guide →

flex-gridcomplete

Flexbox and grid

Build one- and two-dimensional layouts with flex direction, wrapping, grid tracks, spans, automatic placement, and alignment utilities.

co-flex-*co-grow-*co-shrink-*co-basis-*co-order-*co-grid-*co-auto-*-*co-col-*co-row-*co-{alignment}-*

Target v0.2 · Arbitrary values supported · Negative values supported

Read the guide →

spacingcomplete

Spacing

Apply physical and logical padding, margin, gaps, sibling spacing, scroll margin, and scroll padding from the shared spacing scale.

co-p*co-m*co-gap-*co-space-*-*co-scroll-m*co-scroll-p*

Target v0.2 · Arbitrary values supported · Negative values supported

Read the guide →

sizingcomplete

Sizing

Set physical or logical dimensions, minimum and maximum constraints, and paired width/height with spacing, container, viewport, intrinsic, custom-property, or arbitrary values.

co-w-*co-h-*co-size-*co-min-*-*co-max-*-*co-inline-*co-block-*

Target v0.2 · Arbitrary values supported · Negative values not supported

Read the guide →

typographycomplete

Typography

Control font families, variable-font width and features, type scale, weight, leading, tracking, numeric glyphs, lists, alignment, decoration, wrapping, indentation, tab width, and generated content.

co-font-*co-font-stretch-*co-font-features-*co-text-*co-leading-*co-tracking-*co-line-clamp-*co-list-*co-decoration-*co-underline-offset-*co-indent-*co-tab-*co-align-*co-wrap-*co-content-*

Target v0.2 · Arbitrary values supported · Negative values supported

Read the guide →

backgroundscomplete

Backgrounds, gradients, and colors

Apply theme, inherited, current, transparent, or arbitrary colors; compose linear, radial, and conic gradients; and control every background image layer setting.

co-bg-*co-bg-linear-*co-bg-radial-*co-bg-conic-*co-from-*co-via-*co-to-*co-text-{color}co-accent-*co-caret-*

Target v0.3 · Arbitrary values supported · Negative values supported

Read the guide →

borders-ringscomplete

Borders, outlines, rings, and divide

Define physical and logical border widths and colors, styles, corner radii, accessible outlines, outward and inset rings, legacy ring offsets, and complete dividers between children.

co-border-*co-rounded-*co-outline-*co-outline-offset-*co-ring-*co-inset-ring-*co-divide-*

Target v0.3 · Arbitrary values supported · Negative values supported

Read the guide →

effectscomplete

Effects, filters, and masks

Control elevation, text shadows, opacity, blending, composable filters, backdrop filters, and CSS or SVG masks.

co-shadow-*co-inset-shadow-*co-text-shadow-*co-opacity-*co-*-blend-*co-filter-*co-blur-*co-drop-shadow-*co-backdrop-*co-mask-*

Target v0.3 · Arbitrary values supported · Negative values supported

Read the guide →

tables-columnscomplete

Tables and multi-column

Control semantic table display, layout algorithms, collapsed or separated borders, cell spacing, captions, and multi-column content flow.

co-table-*co-border-collapseco-border-separateco-border-spacing-*co-caption-*co-columns-*co-column-fill-*co-column-span-*co-column-rule-*co-gap-*co-break-*-*

Target v0.3 · Arbitrary values supported · Negative values not supported

Read the guide →

transformscomplete

Transforms and perspective

Compose 2D and 3D translation, rotation, scale, skew, transform origin, perspective, backface visibility, hardware acceleration, and zoom.

co-transform-*co-translate-*co-rotate-*co-scale-*co-skew-*co-origin-*co-perspective-*co-backface-*co-zoom-*

Target v0.3 · Arbitrary values supported · Negative values supported

Read the guide →

transitionscomplete

Transitions and animations

Control transition properties, discrete behavior, duration, delay, easing, starting styles, reduced-motion conditions, and CSS keyframe animations.

co-transition-*co-duration-*co-delay-*co-ease-*co-animate-*starting:co-*motion-safe:co-*motion-reduce:co-*

Target v0.3 · Arbitrary values supported · Negative values not supported

Read the guide →

svgcomplete

SVG

Set SVG fill and stroke colors from theme tokens, currentColor, or arbitrary values.

co-fill-*co-stroke-*

Target v0.2 · Arbitrary values supported · Negative values not supported

Read the guide →

accessibilitycomplete

Accessibility

Visually hide content while keeping it available to assistive technology, then restore it under focus or another variant.

co-sr-onlyco-not-sr-onlyco-forced-color-adjust-*co-scheme-*

Target v0.2 · Arbitrary values not supported · Negative values not supported

Read the guide →

interactioncomplete

Interactivity

Control form appearance and intrinsic field sizing, pointer feedback, text selection, resize handles, scrolling, scrollbars, snapping, touch gestures, and rendering change hints.

co-appearance-*co-cursor-*co-field-sizing-*co-pointer-events-*co-select-*co-resize-*co-scroll-*co-scrollbar-*co-snap-*co-touch-*co-will-change-*

Target v0.3 · Arbitrary values supported · Negative values not supported

Read the guide →

arbitrary-propertiescomplete

Arbitrary properties

Emit a validated CSS property/value pair when no first-class utility represents a one-off requirement.

co-[{property}:{value}]co-{utility}-[{type}:{value}]

Target v0.2 · Arbitrary values supported · Negative values not supported

Read the guide →

Static utility index

Exact classes and declarations exported by the compiler registry.

Filter utilities

Showing 586 of 586 registered static utilities

CandidateGenerated declaration

co-absoluteposition: absolute

co-align-baselinevertical-align: baseline

co-align-bottomvertical-align: bottom

co-align-middlevertical-align: middle

co-align-subvertical-align: sub

co-align-supervertical-align: super

co-align-text-bottomvertical-align: text-bottom

co-align-text-topvertical-align: text-top

co-align-topvertical-align: top

co-animate-bounceanimation: var(--co-animate-bounce)

co-animate-noneanimation: none

co-animate-pinganimation: var(--co-animate-ping)

co-animate-pulseanimation: var(--co-animate-pulse)

co-animate-spinanimation: var(--co-animate-spin)

co-antialiased-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale

co-appearance-autoappearance: auto

co-appearance-noneappearance: none

co-backdrop-filter-none-webkit-backdrop-filter: none; backdrop-filter: none

co-backface-hiddenbackface-visibility: hidden

co-backface-visiblebackface-visibility: visible

co-basis-autoflex-basis: auto

co-basis-fullflex-basis: 100%

co-bg-autobackground-size: auto

co-bg-blend-colorbackground-blend-mode: color

co-bg-blend-color-burnbackground-blend-mode: color-burn

co-bg-blend-color-dodgebackground-blend-mode: color-dodge

co-bg-blend-darkenbackground-blend-mode: darken

co-bg-blend-differencebackground-blend-mode: difference

co-bg-blend-exclusionbackground-blend-mode: exclusion

co-bg-blend-hard-lightbackground-blend-mode: hard-light

co-bg-blend-huebackground-blend-mode: hue

co-bg-blend-lightenbackground-blend-mode: lighten

co-bg-blend-luminositybackground-blend-mode: luminosity

co-bg-blend-multiplybackground-blend-mode: multiply

co-bg-blend-normalbackground-blend-mode: normal

co-bg-blend-overlaybackground-blend-mode: overlay

co-bg-blend-saturationbackground-blend-mode: saturation

co-bg-blend-screenbackground-blend-mode: screen

co-bg-blend-soft-lightbackground-blend-mode: soft-light

co-bg-bottombackground-position: bottom

co-bg-bottom-leftbackground-position: bottom left

co-bg-bottom-rightbackground-position: bottom right

co-bg-centerbackground-position: center

co-bg-clip-borderbackground-clip: border-box

co-bg-clip-contentbackground-clip: content-box

co-bg-clip-paddingbackground-clip: padding-box

co-bg-clip-textbackground-clip: text; -webkit-background-clip: text

co-bg-containbackground-size: contain

co-bg-coverbackground-size: cover

co-bg-fixedbackground-attachment: fixed

co-bg-leftbackground-position: left

co-bg-left-bottombackground-position: left bottom

co-bg-left-topbackground-position: left top

co-bg-localbackground-attachment: local

co-bg-no-repeatbackground-repeat: no-repeat

co-bg-nonebackground-image: none

co-bg-origin-borderbackground-origin: border-box

co-bg-origin-contentbackground-origin: content-box

co-bg-origin-paddingbackground-origin: padding-box

co-bg-repeatbackground-repeat: repeat

co-bg-repeat-roundbackground-repeat: round

co-bg-repeat-spacebackground-repeat: space

co-bg-repeat-xbackground-repeat: repeat-x

co-bg-repeat-ybackground-repeat: repeat-y

co-bg-rightbackground-position: right

co-bg-right-bottombackground-position: right bottom

co-bg-right-topbackground-position: right top

co-bg-scrollbackground-attachment: scroll

co-bg-topbackground-position: top

co-bg-top-leftbackground-position: top left

co-bg-top-rightbackground-position: top right

co-blockdisplay: block

co-borderborder-width: 1px

co-border-0border-width: 0

co-border-2border-width: 2px

co-border-4border-width: 4px

co-border-8border-width: 8px

co-border-collapseborder-collapse: collapse

co-border-dashedborder-style: dashed

co-border-dottedborder-style: dotted

co-border-doubleborder-style: double

co-border-hiddenborder-style: hidden

co-border-noneborder-style: none

co-border-separateborder-collapse: separate

co-border-solidborder-style: solid

co-box-borderbox-sizing: border-box

co-box-contentbox-sizing: content-box

co-box-decoration-clone-webkit-box-decoration-break: clone; box-decoration-break: clone

co-box-decoration-slice-webkit-box-decoration-break: slice; box-decoration-break: slice

co-break-after-allbreak-after: all

co-break-after-autobreak-after: auto

co-break-after-avoidbreak-after: avoid

co-break-after-avoid-pagebreak-after: avoid-page

co-break-after-columnbreak-after: column

co-break-after-leftbreak-after: left

co-break-after-pagebreak-after: page

co-break-after-rightbreak-after: right

co-break-allword-break: break-all

co-break-before-allbreak-before: all

co-break-before-autobreak-before: auto

co-break-before-avoidbreak-before: avoid

co-break-before-avoid-pagebreak-before: avoid-page

co-break-before-columnbreak-before: column

co-break-before-leftbreak-before: left

co-break-before-pagebreak-before: page

co-break-before-rightbreak-before: right

co-break-inside-autobreak-inside: auto

co-break-inside-avoidbreak-inside: avoid

co-break-inside-avoid-columnbreak-inside: avoid-column

co-break-inside-avoid-pagebreak-inside: avoid-page

co-break-keepword-break: keep-all

co-break-normaloverflow-wrap: normal; word-break: normal

co-break-wordsoverflow-wrap: break-word

co-capitalizetext-transform: capitalize

co-caption-bottomcaption-side: bottom

co-caption-topcaption-side: top

co-clear-bothclear: both

co-clear-endclear: inline-end

co-clear-leftclear: left

co-clear-noneclear: none

co-clear-rightclear: right

co-clear-startclear: inline-start

co-collapsevisibility: collapse

co-column-fill-autocolumn-fill: auto

co-column-fill-balancecolumn-fill: balance

co-column-fill-balance-allcolumn-fill: balance-all

co-column-rule-dashedcolumn-rule-style: dashed

co-column-rule-dottedcolumn-rule-style: dotted

co-column-rule-doublecolumn-rule-style: double

co-column-rule-hiddencolumn-rule-style: hidden

co-column-rule-nonecolumn-rule-style: none

co-column-rule-solidcolumn-rule-style: solid

co-column-span-allcolumn-span: all

co-column-span-nonecolumn-span: none

co-container-inline-sizecontainer-type: inline-size

co-container-name-nonecontainer-name: none

co-container-normalcontainer-type: normal

co-container-sizecontainer-type: size

co-content-aroundalign-content: space-around

co-content-betweenalign-content: space-between

co-content-centeralign-content: center

co-content-endalign-content: flex-end

co-content-evenlyalign-content: space-evenly

co-content-nonecontent: none

co-content-normalalign-content: normal

co-content-startalign-content: flex-start

co-content-stretchalign-content: stretch

co-contentsdisplay: contents

co-cursor-aliascursor: alias

co-cursor-all-scrollcursor: all-scroll

co-cursor-autocursor: auto

co-cursor-cellcursor: cell

co-cursor-col-resizecursor: col-resize

co-cursor-context-menucursor: context-menu

co-cursor-copycursor: copy

co-cursor-crosshaircursor: crosshair

co-cursor-defaultcursor: default

co-cursor-e-resizecursor: e-resize

co-cursor-ew-resizecursor: ew-resize

co-cursor-grabcursor: grab

co-cursor-grabbingcursor: grabbing

co-cursor-helpcursor: help

co-cursor-movecursor: move

co-cursor-n-resizecursor: n-resize

co-cursor-ne-resizecursor: ne-resize

co-cursor-nesw-resizecursor: nesw-resize

co-cursor-no-dropcursor: no-drop

co-cursor-nonecursor: none

co-cursor-not-allowedcursor: not-allowed

co-cursor-ns-resizecursor: ns-resize

co-cursor-nw-resizecursor: nw-resize

co-cursor-nwse-resizecursor: nwse-resize

co-cursor-pointercursor: pointer

co-cursor-progresscursor: progress

co-cursor-row-resizecursor: row-resize

co-cursor-s-resizecursor: s-resize

co-cursor-se-resizecursor: se-resize

co-cursor-sw-resizecursor: sw-resize

co-cursor-textcursor: text

co-cursor-vertical-textcursor: vertical-text

co-cursor-w-resizecursor: w-resize

co-cursor-waitcursor: wait

co-cursor-zoom-incursor: zoom-in

co-cursor-zoom-outcursor: zoom-out

co-decoration-dashedtext-decoration-style: dashed

co-decoration-dottedtext-decoration-style: dotted

co-decoration-doubletext-decoration-style: double

co-decoration-solidtext-decoration-style: solid

co-decoration-wavytext-decoration-style: wavy

co-diagonal-fractionsfont-variant-numeric: diagonal-fractions

co-direction-ltrdirection: ltr

co-direction-rtldirection: rtl

co-duration-initialtransition-duration: initial

co-ease-intransition-timing-function: var(--co-ease-in)

co-ease-in-outtransition-timing-function: var(--co-ease-in-out)

co-ease-initialtransition-timing-function: initial

co-ease-lineartransition-timing-function: linear

co-ease-outtransition-timing-function: var(--co-ease-out)

co-field-sizing-contentfield-sizing: content

co-field-sizing-fixedfield-sizing: fixed

co-filter-nonefilter: none

co-fixedposition: fixed

co-flexdisplay: flex

co-flex-1flex: 1

co-flex-autoflex: auto

co-flex-colflex-direction: column

co-flex-col-reverseflex-direction: column-reverse

co-flex-initialflex: 0 auto

co-flex-noneflex: none

co-flex-nowrapflex-wrap: nowrap

co-flex-rowflex-direction: row

co-flex-row-reverseflex-direction: row-reverse

co-flex-wrapflex-wrap: wrap

co-flex-wrap-reverseflex-wrap: wrap-reverse

co-float-endfloat: inline-end

co-float-leftfloat: left

co-float-nonefloat: none

co-float-rightfloat: right

co-float-startfloat: inline-start

co-flow-rootdisplay: flow-root

co-font-blackfont-weight: 900

co-font-boldfont-weight: 700

co-font-extraboldfont-weight: 800

co-font-extralightfont-weight: 200

co-font-lightfont-weight: 300

co-font-mediumfont-weight: 500

co-font-normalfont-weight: 400

co-font-semiboldfont-weight: 600

co-font-thinfont-weight: 100

co-forced-color-adjust-autoforced-color-adjust: auto

co-forced-color-adjust-noneforced-color-adjust: none

co-griddisplay: grid

co-grid-flow-colgrid-auto-flow: column

co-grid-flow-col-densegrid-auto-flow: column dense

co-grid-flow-densegrid-auto-flow: dense

co-grid-flow-rowgrid-auto-flow: row

co-grid-flow-row-densegrid-auto-flow: row dense

co-growflex-grow: 1

co-grow-0flex-grow: 0

co-hiddendisplay: none

co-hyphens-autohyphens: auto

co-hyphens-manualhyphens: manual

co-hyphens-nonehyphens: none

co-inlinedisplay: inline

co-inline-blockdisplay: inline-block

co-inline-flexdisplay: inline-flex

co-inline-griddisplay: inline-grid

co-inline-tabledisplay: inline-table

co-invisiblevisibility: hidden

co-isolateisolation: isolate

co-isolation-autoisolation: auto

co-italicfont-style: italic

co-items-baselinealign-items: baseline

co-items-baseline-lastalign-items: last baseline

co-items-centeralign-items: center

co-items-center-safealign-items: safe center

co-items-endalign-items: flex-end

co-items-end-safealign-items: safe flex-end

co-items-startalign-items: flex-start

co-items-stretchalign-items: stretch

co-justify-aroundjustify-content: space-around

co-justify-baselinejustify-content: baseline

co-justify-betweenjustify-content: space-between

co-justify-centerjustify-content: center

co-justify-center-safejustify-content: safe center

co-justify-endjustify-content: flex-end

co-justify-end-safejustify-content: safe flex-end

co-justify-evenlyjustify-content: space-evenly

co-justify-items-centerjustify-items: center

co-justify-items-center-safejustify-items: safe center

co-justify-items-endjustify-items: end

co-justify-items-end-safejustify-items: safe end

co-justify-items-normaljustify-items: normal

co-justify-items-startjustify-items: start

co-justify-items-stretchjustify-items: stretch

co-justify-normaljustify-content: normal

co-justify-self-autojustify-self: auto

co-justify-self-centerjustify-self: center

co-justify-self-center-safejustify-self: safe center

co-justify-self-endjustify-self: end

co-justify-self-end-safejustify-self: safe end

co-justify-self-startjustify-self: start

co-justify-self-stretchjustify-self: stretch

co-justify-startjustify-content: flex-start

co-justify-stretchjustify-content: stretch

co-line-throughtext-decoration-line: line-through

co-lining-numsfont-variant-numeric: lining-nums

co-list-decimallist-style-type: decimal

co-list-disclist-style-type: disc

co-list-image-nonelist-style-image: none

co-list-insidelist-style-position: inside

co-list-itemdisplay: list-item

co-list-nonelist-style-type: none

co-list-outsidelist-style-position: outside

co-lowercasetext-transform: lowercase

co-mask-addmask-composite: add

co-mask-alphamask-mode: alpha

co-mask-automask-size: auto

co-mask-bottommask-position: bottom

co-mask-bottom-leftmask-position: bottom left

co-mask-bottom-rightmask-position: bottom right

co-mask-centermask-position: center

co-mask-clip-bordermask-clip: border-box

co-mask-clip-contentmask-clip: content-box

co-mask-clip-fillmask-clip: fill-box

co-mask-clip-paddingmask-clip: padding-box

co-mask-clip-strokemask-clip: stroke-box

co-mask-clip-viewmask-clip: view-box

co-mask-containmask-size: contain

co-mask-covermask-size: cover

co-mask-excludemask-composite: exclude

co-mask-intersectmask-composite: intersect

co-mask-leftmask-position: left

co-mask-luminancemask-mode: luminance

co-mask-matchmask-mode: match-source

co-mask-no-clipmask-clip: no-clip

co-mask-no-repeatmask-repeat: no-repeat

co-mask-nonemask-image: none

co-mask-origin-bordermask-origin: border-box

co-mask-origin-contentmask-origin: content-box

co-mask-origin-fillmask-origin: fill-box

co-mask-origin-paddingmask-origin: padding-box

co-mask-origin-strokemask-origin: stroke-box

co-mask-origin-viewmask-origin: view-box

co-mask-repeatmask-repeat: repeat

co-mask-repeat-roundmask-repeat: round

co-mask-repeat-spacemask-repeat: space

co-mask-repeat-xmask-repeat: repeat-x

co-mask-repeat-ymask-repeat: repeat-y

co-mask-rightmask-position: right

co-mask-subtractmask-composite: subtract

co-mask-topmask-position: top

co-mask-top-leftmask-position: top left

co-mask-top-rightmask-position: top right

co-mask-type-alphamask-type: alpha

co-mask-type-luminancemask-type: luminance

co-mix-blend-colormix-blend-mode: color

co-mix-blend-color-burnmix-blend-mode: color-burn

co-mix-blend-color-dodgemix-blend-mode: color-dodge

co-mix-blend-darkenmix-blend-mode: darken

co-mix-blend-differencemix-blend-mode: difference

co-mix-blend-exclusionmix-blend-mode: exclusion

co-mix-blend-hard-lightmix-blend-mode: hard-light

co-mix-blend-huemix-blend-mode: hue

co-mix-blend-lightenmix-blend-mode: lighten

co-mix-blend-luminositymix-blend-mode: luminosity

co-mix-blend-multiplymix-blend-mode: multiply

co-mix-blend-normalmix-blend-mode: normal

co-mix-blend-overlaymix-blend-mode: overlay

co-mix-blend-plus-darkermix-blend-mode: plus-darker

co-mix-blend-plus-lightermix-blend-mode: plus-lighter

co-mix-blend-saturationmix-blend-mode: saturation

co-mix-blend-screenmix-blend-mode: screen

co-mix-blend-soft-lightmix-blend-mode: soft-light

co-no-underlinetext-decoration-line: none

co-normal-casetext-transform: none

co-normal-numsfont-variant-numeric: normal

co-not-italicfont-style: normal

co-not-sr-onlyposition: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal

co-object-bottomobject-position: bottom

co-object-bottom-leftobject-position: bottom left

co-object-bottom-rightobject-position: bottom right

co-object-centerobject-position: center

co-object-containobject-fit: contain

co-object-coverobject-fit: cover

co-object-fillobject-fit: fill

co-object-leftobject-position: left

co-object-left-bottomobject-position: left bottom

co-object-left-topobject-position: left top

co-object-noneobject-fit: none

co-object-rightobject-position: right

co-object-right-bottomobject-position: right bottom

co-object-right-topobject-position: right top

co-object-scale-downobject-fit: scale-down

co-object-topobject-position: top

co-object-top-leftobject-position: top left

co-object-top-rightobject-position: top right

co-oldstyle-numsfont-variant-numeric: oldstyle-nums

co-order-firstorder: -9999

co-order-lastorder: 9999

co-order-noneorder: 0

co-ordinalfont-variant-numeric: ordinal

co-origin-centertransform-origin: center

co-outlineoutline-width: 1px

co-outline-dashedoutline-style: dashed

co-outline-dottedoutline-style: dotted

co-outline-doubleoutline-style: double

co-outline-hiddenoutline: 2px solid transparent; outline-offset: 2px

co-outline-noneoutline-style: none

co-outline-solidoutline-style: solid

co-overflow-autooverflow: auto

co-overflow-clipoverflow: clip

co-overflow-hiddenoverflow: hidden

co-overflow-scrolloverflow: scroll

co-overflow-visibleoverflow: visible

co-overflow-x-autooverflow-x: auto

co-overflow-x-clipoverflow-x: clip

co-overflow-x-hiddenoverflow-x: hidden

co-overflow-x-scrolloverflow-x: scroll

co-overflow-x-visibleoverflow-x: visible

co-overflow-y-autooverflow-y: auto

co-overflow-y-clipoverflow-y: clip

co-overflow-y-hiddenoverflow-y: hidden

co-overflow-y-scrolloverflow-y: scroll

co-overflow-y-visibleoverflow-y: visible

co-overlinetext-decoration-line: overline

co-overscroll-autooverscroll-behavior: auto

co-overscroll-containoverscroll-behavior: contain

co-overscroll-noneoverscroll-behavior: none

co-overscroll-x-autooverscroll-behavior-x: auto

co-overscroll-x-containoverscroll-behavior-x: contain

co-overscroll-x-noneoverscroll-behavior-x: none

co-overscroll-y-autooverscroll-behavior-y: auto

co-overscroll-y-containoverscroll-behavior-y: contain

co-overscroll-y-noneoverscroll-behavior-y: none

co-perspective-noneperspective: none

co-place-content-aroundplace-content: space-around

co-place-content-baselineplace-content: baseline

co-place-content-betweenplace-content: space-between

co-place-content-centerplace-content: center

co-place-content-center-safeplace-content: safe center

co-place-content-endplace-content: end

co-place-content-end-safeplace-content: safe end

co-place-content-evenlyplace-content: space-evenly

co-place-content-startplace-content: start

co-place-content-stretchplace-content: stretch

co-place-items-baselineplace-items: baseline

co-place-items-centerplace-items: center

co-place-items-center-safeplace-items: safe center

co-place-items-endplace-items: end

co-place-items-end-safeplace-items: safe end

co-place-items-startplace-items: start

co-place-items-stretchplace-items: stretch

co-place-self-autoplace-self: auto

co-place-self-centerplace-self: center

co-place-self-center-safeplace-self: safe center

co-place-self-endplace-self: end

co-place-self-end-safeplace-self: safe end

co-place-self-startplace-self: start

co-place-self-stretchplace-self: stretch

co-pointer-events-autopointer-events: auto

co-pointer-events-nonepointer-events: none

co-proportional-numsfont-variant-numeric: proportional-nums

co-relativeposition: relative

co-resizeresize: both

co-resize-noneresize: none

co-resize-xresize: horizontal

co-resize-yresize: vertical

co-rotate-nonerotate: none

co-scale-nonescale: none

co-scheme-darkcolor-scheme: dark

co-scheme-lightcolor-scheme: light

co-scheme-light-darkcolor-scheme: light dark

co-scheme-normalcolor-scheme: normal

co-scheme-only-darkcolor-scheme: only dark

co-scheme-only-lightcolor-scheme: only light

co-scroll-autoscroll-behavior: auto

co-scroll-smoothscroll-behavior: smooth

co-scrollbar-autoscrollbar-width: auto

co-scrollbar-gutter-autoscrollbar-gutter: auto

co-scrollbar-gutter-bothscrollbar-gutter: stable both-edges

co-scrollbar-gutter-stablescrollbar-gutter: stable

co-scrollbar-nonescrollbar-width: none

co-scrollbar-thinscrollbar-width: thin

co-select-alluser-select: all

co-select-autouser-select: auto

co-select-noneuser-select: none

co-select-textuser-select: text

co-self-autoalign-self: auto

co-self-baselinealign-self: baseline

co-self-baseline-lastalign-self: last baseline

co-self-centeralign-self: center

co-self-center-safealign-self: safe center

co-self-endalign-self: flex-end

co-self-end-safealign-self: safe flex-end

co-self-startalign-self: flex-start

co-self-stretchalign-self: stretch

co-shrinkflex-shrink: 1

co-shrink-0flex-shrink: 0

co-slashed-zerofont-variant-numeric: slashed-zero

co-snap-align-nonescroll-snap-align: none

co-snap-alwaysscroll-snap-stop: always

co-snap-bothscroll-snap-type: both var(--co-scroll-snap-strictness)

co-snap-centerscroll-snap-align: center

co-snap-endscroll-snap-align: end

co-snap-mandatory--co-scroll-snap-strictness: mandatory

co-snap-nonescroll-snap-type: none

co-snap-normalscroll-snap-stop: normal

co-snap-proximity--co-scroll-snap-strictness: proximity

co-snap-startscroll-snap-align: start

co-snap-xscroll-snap-type: x var(--co-scroll-snap-strictness)

co-snap-yscroll-snap-type: y var(--co-scroll-snap-strictness)

co-sr-only

position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0

co-stacked-fractionsfont-variant-numeric: stacked-fractions

co-staticposition: static

co-stickyposition: sticky

co-stroke-0stroke-width: 0

co-stroke-1stroke-width: 1

co-stroke-2stroke-width: 2

co-subpixel-antialiased-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto

co-tabledisplay: table

co-table-autotable-layout: auto

co-table-captiondisplay: table-caption

co-table-celldisplay: table-cell

co-table-columndisplay: table-column

co-table-column-groupdisplay: table-column-group

co-table-fixedtable-layout: fixed

co-table-footer-groupdisplay: table-footer-group

co-table-header-groupdisplay: table-header-group

co-table-rowdisplay: table-row

co-table-row-groupdisplay: table-row-group

co-tabular-numsfont-variant-numeric: tabular-nums

co-text-balancetext-wrap: balance

co-text-centertext-align: center

co-text-cliptext-overflow: clip

co-text-combine-alltext-combine-upright: all

co-text-combine-digits-2text-combine-upright: digits 2

co-text-combine-digits-3text-combine-upright: digits 3

co-text-combine-digits-4text-combine-upright: digits 4

co-text-combine-nonetext-combine-upright: none

co-text-ellipsistext-overflow: ellipsis

co-text-endtext-align: end

co-text-justifytext-align: justify

co-text-lefttext-align: left

co-text-nowraptext-wrap: nowrap

co-text-orientation-mixedtext-orientation: mixed

co-text-orientation-sidewaystext-orientation: sideways

co-text-orientation-uprighttext-orientation: upright

co-text-prettytext-wrap: pretty

co-text-righttext-align: right

co-text-starttext-align: start

co-text-wraptext-wrap: wrap

co-touch-autotouch-action: auto

co-touch-manipulationtouch-action: manipulation

co-touch-nonetouch-action: none

co-touch-pan-down--co-pan-y: pan-down; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-touch-pan-left--co-pan-x: pan-left; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-touch-pan-right--co-pan-x: pan-right; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-touch-pan-up--co-pan-y: pan-up; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-touch-pan-x--co-pan-x: pan-x; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-touch-pan-y--co-pan-y: pan-y; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-touch-pinch-zoom--co-pinch-zoom: pinch-zoom; touch-action: var(--co-pan-x,) var(--co-pan-y,) var(--co-pinch-zoom,)

co-transform-3dtransform-style: preserve-3d

co-transform-cpu

transform: var(--co-rotate-x, rotateX(0)) var(--co-rotate-y, rotateY(0)) var(--co-rotate-z, rotateZ(0)) var(--co-skew-x, skewX(0)) var(--co-skew-y, skewY(0))

co-transform-flattransform-style: flat

co-transform-gpu

transform: translateZ(0) var(--co-rotate-x, rotateX(0)) var(--co-rotate-y, rotateY(0)) var(--co-rotate-z, rotateZ(0)) var(--co-skew-x, skewX(0)) var(--co-skew-y, skewY(0))

co-transform-nonetransform: none

co-transition

transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --co-gradient-from, --co-gradient-via, --co-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-duration: var(--co-default-transition-duration); transition-timing-function: var(--co-default-transition-timing-function)

co-transition-all

transition-property: all; transition-duration: var(--co-default-transition-duration); transition-timing-function: var(--co-default-transition-timing-function)

co-transition-colors

transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --co-gradient-from, --co-gradient-via, --co-gradient-to; transition-duration: var(--co-default-transition-duration); transition-timing-function: var(--co-default-transition-timing-function)

co-transition-discretetransition-behavior: allow-discrete

co-transition-nonetransition-property: none

co-transition-normaltransition-behavior: normal

co-transition-opacity

transition-property: opacity; transition-duration: var(--co-default-transition-duration); transition-timing-function: var(--co-default-transition-timing-function)

co-transition-shadow

transition-property: box-shadow; transition-duration: var(--co-default-transition-duration); transition-timing-function: var(--co-default-transition-timing-function)

co-transition-transform

transition-property: transform, translate, scale, rotate; transition-duration: var(--co-default-transition-duration); transition-timing-function: var(--co-default-transition-timing-function)

co-translate-nonetranslate: none

co-truncateoverflow: hidden; text-overflow: ellipsis; white-space: nowrap

co-underlinetext-decoration-line: underline

co-unicode-bidi-embedunicode-bidi: embed

co-unicode-bidi-isolateunicode-bidi: isolate

co-unicode-bidi-isolate-overrideunicode-bidi: isolate-override

co-unicode-bidi-normalunicode-bidi: normal

co-unicode-bidi-overrideunicode-bidi: bidi-override

co-unicode-bidi-plaintextunicode-bidi: plaintext

co-uppercasetext-transform: uppercase

co-visiblevisibility: visible

co-whitespace-break-spaceswhite-space: break-spaces

co-whitespace-normalwhite-space: normal

co-whitespace-nowrapwhite-space: nowrap

co-whitespace-prewhite-space: pre

co-whitespace-pre-linewhite-space: pre-line

co-whitespace-pre-wrapwhite-space: pre-wrap

co-will-change-autowill-change: auto

co-will-change-contentswill-change: contents

co-will-change-scrollwill-change: scroll-position

co-will-change-transformwill-change: transform

co-wrap-anywhereoverflow-wrap: anywhere

co-wrap-break-wordoverflow-wrap: break-word

co-wrap-normaloverflow-wrap: normal

co-writing-horizontal-tbwriting-mode: horizontal-tb

co-writing-sideways-lrwriting-mode: sideways-lr

co-writing-sideways-rlwriting-mode: sideways-rl

co-writing-vertical-lrwriting-mode: vertical-lr

co-writing-vertical-rlwriting-mode: vertical-rl

co-z-autoz-index: auto

FOR TOOLS AND AI

Consume the registry as JSON.

The endpoint includes schema metadata, family patterns, exact candidates, and their generated declarations.

GET /api/utilitiesOpen JSON ↗