These docs describe 2.0. Install it with @once-ui-system/core@alpha . On 1.8.x? Read the 1.x docs Docs Components Components overview Updated: September 14, 2026 Eighty components is a lot to scroll past alphabetically. This groups them by
the job they do, so you can find the one you need without knowing its name.
If you are new, start with Structure — layout is the part
everything else sits inside.
The primitives, and the containers built from them.
Flex — the layout primitive; one axis, and every shared propGrid — two-dimensional layout with a responsive column countMasonryGrid — columns for items of uneven heightSplitView — two resizable panes, collapsing to tabs when narrowLine — a rule, horizontal or verticalMask — reveal content through a shape or cursor-following window
Things that hold other things.
Card — a surface that can be selected or clickedBackground — gradients, dots, grids and lines behind a sectionFade — an edge that dissolves into the surface behind itBanner — a full-width strip for an announcementBook — a 3D cover, for showing a publication
Heading — headings on the type scaleText — everything else on the type scaleBlockQuote — a pulled quoteInlineCode — code inside a sentenceKbd — a key or shortcutList — ordered and unordered listsTable — sortable, selectable, paginated rowsTimeline — events in orderMedia — images and video, with the framework's optimizer when there is oneMediaPlayers — audio and video with real controlsCompareImage — two images under a draggable dividerLogo / LogoCloud — a mark, and a grid of themOgCard — a link rendered as its own preview
See Effects for the ambient layers — blobs, matrix, weather,
glitch, holo and the rest.
Components with no UI of their own.
Form controls — inputs, selects, pickers, togglesData — charts and gaugesEffects — ambient and text effectsModules — CodeBlock, MediaUpload, MegaMenu, Meta, Schema 
