Skip to content
Theme UI
GitHub
  • Getting Started
  • Theming
  • The sx Prop
  • Styling MDX
  • Color Modes
  • Themed
  • MDX Components
  • Hooks
  • API
  • Theme Specification
  • Customize
  • Demo
  • Resources
  • Components
    • Variants
    • Box
    • Flex
    • Grid
    • Button
    • Text
    • Heading
    • Link
    • Paragraph
    • Image
    • Card
    • Forms
    • Label
    • Input
    • Select
    • Textarea
    • Radio
    • Checkbox
    • Switch
    • Slider
    • Field
    • Progress
    • Donut
    • Spinner
    • Avatar
    • Badge
    • Close
    • Alert
    • Divider
    • Embed
    • AspectRatio
    • AspectImage
    • Container
    • NavLink
    • Message
    • IconButton
    • MenuButton
  • Packages
    • @theme-ui/core
    • @theme-ui/components
    • @theme-ui/mdx
    • @theme-ui/presets
    • @theme-ui/prism
    • @theme-ui/color
    • @theme-ui/style-guide
    • @theme-ui/editor
    • gatsby-plugin-theme-ui
    • gatsby-theme-style-guide
    • gatsby-theme-ui-blog
    • @theme-ui/typography
    • @theme-ui/match-media
    • @theme-ui/sidenav
    • @theme-ui/tachyons
    • @theme-ui/tailwind
  • Guides
  • Recipes
  • Migrating
  • GitHub

@theme-ui/components

Primitive layout, typographic, and other components for use with Theme UI.

Note: This package is included in the main theme-ui package and a separate installation is not required.

npm i @theme-ui/components

https://theme-ui.com/components

Edit the page on GitHub
Previous:
@theme-ui/core
Next:
@theme-ui/mdx