lachlanjc

@theme-ui/preset-system

Theme UI includes `@theme-ui/preset-system` which can be used as an example or starting point for extending your own themes.

@theme-ui/preset-tailwind

Theme UI includes `@theme-ui/preset-tailwind` which can be used as an example or starting point for extending your own themes.

@theme-ui/preset-bulma

Theme UI includes `@theme-ui/preset-bulma` which can be used as an example or starting point for extending your own themes.

@theme-ui/preset-funk

Theme UI includes `@theme-ui/preset-funk` which can be used as an example or starting point for extending your own themes.

@theme-ui/preset-future

Theme UI includes `@theme-ui/preset-future` which can be used as an example or starting point for extending your own themes.

@theme-ui/preset-roboto

Theme UI includes `@theme-ui/preset-roboto` which can be used as an example or starting point for extending your own themes.

@theme-ui/custom-properties

Generate CSS custom properties for use with Theme UI

@theme-ui/preset-tosh

Theme UI includes `@theme-ui/preset-tosh` which can be used as an example or starting point for extending your own themes.

react-music-embed

React component for Apple Music embeds

react-song-embed

React component for Songlink embeds

gatsby-theme-style-guide

Automatically generate a style guide page based on your Theme UI configuration, built with [`@theme-ui/style-guide`](https://theme-ui.com/packages/style-guide).

gatsby-theme-ui-layout

Gatsby theme for adding shadowable layouts to multiple Gatsby themes for composition.

@theme-ui/color

Color manipulation utilities for Theme UI

@theme-ui/components

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

@theme-ui/match-media

React hooks for theme-ui breakpoints

lachlanjc

Lachlan Campbell (lachlanjc)’s business card

@theme-ui/css

[](https://bundlephobia.com/package/@theme-ui/css)

@theme-ui/mdx

[MDX](https://mdxjs.com) utilities for [Theme UI](https://theme-ui.com)

@theme-ui/core

[](https://bundlephobia.com/package/@theme-ui/core)

@theme-ui/color-modes

Adds support for user-controlled color modes

@theme-ui/theme-provider

**Note:** This package is a hack to fix export order produced by microbundle. Use the main `theme-ui` package or `@theme-ui/core` instead.

@hackclub/season

Get the current season

@theme-ui/preset-polaris

Theme UI includes `@theme-ui/preset-polaris` which can be used as an example or starting point for extending your own themes. `@theme-ui/preset-polaris` is based on the Shopify design system, [Polaris](https://polaris.shopify.com/design/colors).