npm downloads
Analyze and visualize download stats for npm packages and authors.
Analyze and visualize download stats for npm packages and authors.
Analyze and visualize download stats for npm packages and authors.
Analyze and visualize download stats for npm packages and authors.
Showing npm packages maintained by this author. Pick a package to open detailed download analytics.
[](https://bundlephobia.com/package/@theme-ui/core)
Primitive layout, typographic, and other components for use with Theme UI.
Adds support for user-controlled color modes
The Design Graph Framework
**Note:** This package is a hack to fix export order produced by microbundle. Use the main `theme-ui` package or `@theme-ui/core` instead.
[](https://bundlephobia.com/package/@theme-ui/css)
Internal package — You don't want to consume this directly.
Wrapper around the Emotion `Global` component, made Theme UI theme-aware.
React hooks for theme-ui breakpoints
[MDX](https://mdxjs.com) utilities for [Theme UI](https://theme-ui.com)
Color manipulation utilities for Theme UI
Gatsby plugin for adding Theme UI context
Theme UI includes `@theme-ui/preset-deep` which can be used as an example or starting point for extending your own themes.
Utilities for integrating Typography.js themes with Theme UI
Theme UI includes `@theme-ui/preset-base` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-tailwind` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-bulma` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-swiss` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-roboto` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-future` which can be used as an example or starting point for extending your own themes.
Theme UI includes an optional presets package that can be used as examples or as a starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-funk` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-system` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-tosh` which can be used as an example or starting point for extending your own themes.
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).
Theme UI includes `@theme-ui/preset-bootstrap` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-sketchy` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-dark` which can be used as an example or starting point for extending your own themes.
A syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI.
Component for rendering Theme UI styles in a style guide format.
my shared oxlint config
a very small collection of Tailwind plugins
Rules enforcing best practices while using Tailwind CSS
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).
Generate CSS custom properties for use with Theme UI
Generate static CSS for use outside of React with Theme UI and Tailwind.css
_a shared ESLint config for my own use_
MDX-based sidebar navigation component
Components for editing Theme UI context, themes, and elements
transform relative paths in frontmatter to MDX imports
Gatsby theme for adding shadowable layouts to multiple Gatsby themes for composition.
opinionated wrapper around child_process.execSync
a JSON grammar for Lezer updated to make syntax highlighting match Shiki
Validates internal links in MDX files. Wraps `next-validate-link` with heuristics that cut false positives for relative paths, file extensions, and framework-specific routing.
### Installation
TypeScript helpers for nominal typing
A set of cookie helpers for Next.js
emoji picker for local emojis
Showing 50 of 78 packages
Analyze and visualize download stats for npm packages and authors.
Showing npm packages maintained by this author. Pick a package to open detailed download analytics.
[](https://bundlephobia.com/package/@theme-ui/core)
Primitive layout, typographic, and other components for use with Theme UI.
Adds support for user-controlled color modes
The Design Graph Framework
**Note:** This package is a hack to fix export order produced by microbundle. Use the main `theme-ui` package or `@theme-ui/core` instead.
[](https://bundlephobia.com/package/@theme-ui/css)
Internal package — You don't want to consume this directly.
Wrapper around the Emotion `Global` component, made Theme UI theme-aware.
React hooks for theme-ui breakpoints
[MDX](https://mdxjs.com) utilities for [Theme UI](https://theme-ui.com)
Color manipulation utilities for Theme UI
Gatsby plugin for adding Theme UI context
Theme UI includes `@theme-ui/preset-deep` which can be used as an example or starting point for extending your own themes.
Utilities for integrating Typography.js themes with Theme UI
Theme UI includes `@theme-ui/preset-base` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-tailwind` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-bulma` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-swiss` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-roboto` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-future` which can be used as an example or starting point for extending your own themes.
Theme UI includes an optional presets package that can be used as examples or as a starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-funk` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-system` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-tosh` which can be used as an example or starting point for extending your own themes.
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).
Theme UI includes `@theme-ui/preset-bootstrap` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-sketchy` which can be used as an example or starting point for extending your own themes.
Theme UI includes `@theme-ui/preset-dark` which can be used as an example or starting point for extending your own themes.
A syntax highlighting component based on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer) that works seamlessly with Theme UI.
Component for rendering Theme UI styles in a style guide format.
my shared oxlint config
a very small collection of Tailwind plugins
Rules enforcing best practices while using Tailwind CSS
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).
Generate CSS custom properties for use with Theme UI
Generate static CSS for use outside of React with Theme UI and Tailwind.css
_a shared ESLint config for my own use_
MDX-based sidebar navigation component
Components for editing Theme UI context, themes, and elements
transform relative paths in frontmatter to MDX imports
Gatsby theme for adding shadowable layouts to multiple Gatsby themes for composition.
opinionated wrapper around child_process.execSync
a JSON grammar for Lezer updated to make syntax highlighting match Shiki
Validates internal links in MDX files. Wraps `next-validate-link` with heuristics that cut false positives for relative paths, file extensions, and framework-specific routing.
### Installation
TypeScript helpers for nominal typing
A set of cookie helpers for Next.js
emoji picker for local emojis
Showing 50 of 78 packages