三つ Mittsu
HomeComponentsChartsTemplatesDocs
GitHub
◵ All components 94

Foundation

  • Button
  • Input
  • SearchInput
  • Textarea
  • Label
  • Kbd
  • Spinner
  • Card
  • Separator
  • Skeleton
  • Avatar
  • Typography
  • Field
  • Empty

Layout

  • Container
  • Stack
  • VStack
  • HStack
  • Flex
  • Spacer
  • Center
  • Box
  • Section
  • AspectRatio
  • ScrollArea

Shell

  • AppShell
  • Sidebar
  • Toolbar
  • PageHeader
  • PageBody
  • PageFooter
  • Resizable
  • SplitView
  • Collapsible
  • Accordion
  • DragHandle

Display

  • Badge
  • Chip
  • Lamp
  • ProgressBar
  • Stat
  • StatusRow
  • ProgressRing
  • Meter
  • Sparkline

Form

  • Toggle
  • ToggleGroup
  • Switch
  • Checkbox
  • RadioGroup
  • Slider
  • NumberInput
  • PinInput
  • PasswordInput
  • Select
  • NativeSelect
  • Combobox
  • Calendar

Overlay

  • Dialog
  • AlertDialog
  • Popover
  • Tooltip
  • Sheet
  • Drawer
  • DropdownMenu
  • ContextMenu
  • Command

Feedback

  • Toast

Navigation

  • NavItem
  • Tabs
  • SegmentedControl
  • Breadcrumb

Data

  • Table
  • List
  • VirtualList
  • InfiniteScroll
  • Timeline

macOS

  • Notch
  • Stepper
  • TrafficLights
  • TitleBar
  • Inspector
  • SourceList
  • OutlineView

AI

  • AgentTimeline
  • AIBadge
  • ChatMessage
  • ChatStream
  • CitationLink
  • DiffView
  • PromptInput
  • ToolCallCard
  • ToolResultCard
  • TypingDots
Back to Components

Layout

Center

Flex container that centers its children on both axes. The smallest possible 'make this thing live in the middle' wrapper.

Examples

Centered content

Centered
<Center style="height:140px;">
  <Badge variant="accent">Centered</Badge>
</Center>

Props

PropTypeDefaultDescription
classstring—Extra classes; merged via cn().
...restHTMLAttributes<HTMLDivElement>—Spread onto the underlying <div>.

Install

CLI

npx @a3tai/mittsu add center
三つ Mittsu Source-first UI primitives for Svelte product work.
Components Charts Templates Docs A3T
© 2026 A3T. MIT.