k8ordo
  • UI
  • Form
  • State
  • Router
  • Static
  • Server
Switch to dark mode
  • Get Started
  • Theming
  • i18n
  • Components
  • Hooks
  • Helpers
  • AI
k8ordo

React libraries that use Baseline features without holding back.

Packages
  • @k8ordo/ui
  • @k8ordo/form
  • @k8ordo/state
  • @k8ordo/router
  • @k8ordo/static
  • @k8ordo/server
UI
  • Get Started
  • Theming
  • i18n
  • Components
  • Hooks
  • Helpers
  • AI Chat
  • Generative UI
  • AI Agents
  • Storybook
Resources
  • GitHub
  • npm

© 2026 k8o — MIT License

Typeset in Noto Sans JP & M PLUS 2

Components

A catalog of UI components provided by k8ordo UI.

Buttons

Button

A button component that triggers user actions.

Close
IconButton

An icon-only button component.

Navigation

External Link
Anchor

A text link component.

Overview
Settings

Overview content.

Tabs

A tab switching component.

  1. Home
  2. Components
Breadcrumb

A breadcrumb navigation component.

1/5

Pagination

A minimal pagination component with prev/next controls and current position indicator.

Forms

TextField

A text input field.

Textarea

A multi-line text input field.

NumberField

A number input field.

Select

A select box to choose from options.

Checkbox

A checkbox component.

Features

CheckboxCard

A multi-select card group that makes each option a larger click target.

CheckboxGroup

A group that manages multiple checkboxes as a single array value.

Switch

A switch component for binary on/off state.

PasswordInput

A password field with a built-in visibility toggle.

Framework

Radio

A radio button group.

Plan

RadioCard

A single-select card group for larger, more descriptive choices.

Autocomplete

A selection component with autocomplete.

Slider

A single-thumb slider input with a styled track and handle.

FileField

A file upload field.

FormControl

A form control wrapper providing labels and error display.

Form

A form wrapper that accepts an action prop and handles submission via the Async React form action pattern.

Data Display

A React UI component library.

Accordion

A collapsible content panel.

KU
Avatar

A profile image component with fallback.

NewStable
Badge

A compact status or category label.

Card content
Card

A card for grouping content.

console.log()
Code

An inline code display component.

FeatureCoverage
Switch100%
Table

A semantic table component with horizontal overflow support.

Section Title

Heading

A heading component.

Feedback

Information

This is an info alert.

Alert

An alert that displays status-based messages.

Skeleton

A loading placeholder for content that has not arrived yet.

Loading
Spinner

A loading spinner.

Toast

A toast for temporary notification messages.

Progress

A progress bar component.

Overlays

Dialog Title

Dialog content here
Dialog

A dialog component.

Drawer

A drawer that slides in from the screen edge.

Modal

A modal dialog component.

Popover

Floating content anchored to an element.

DropdownMenu

A dropdown menu component.

Tooltip

A tooltip that shows supplementary info on hover.

ListBox

A dropdown list selection component.

Layout

Stack

Layout primitive that arranges children in a row or column with consistent gaps.

Grid

Layout primitive that arranges children on a CSS grid, with a fixed column count or auto-fill / auto-fit.

Separator

A separator / divider component.

ScrollLinked

A progress bar linked to scroll position.

Media

Icons

A catalog of icon components provided by k8ordo UI.