# @keystar/ui

Latest version **0.10.0** (published 2026-08-26) · MIT AND Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @keystar/ui
pnpm add @keystar/ui
yarn add @keystar/ui
bun add @keystar/ui
```

## Health

**Score 65/100 (B)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads; no types; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.10.0 |
| Published | 2026-08-26 |
| First published | 2023-07-04 |
| Weekly downloads | 0 |
| License | MIT AND Apache-2.0 |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 15 |
| Unpacked size | 3.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 2445 |
| Maintainers | dcousens, emmatown |

## Links

- npm: https://www.npmjs.com/package/@keystar/ui
- Repository: https://github.com/Thinkmill/keystatic/
- npm.io page: https://npm.io/package/@keystar/ui

## Dependencies (15)

- [emery](https://npm.io/package/emery.md) ^1.4.1
- [facepaint](https://npm.io/package/facepaint.md) ^1.2.1
- [react-aria](https://npm.io/package/react-aria.md) 3.50.0
- [@types/react](https://npm.io/package/@types/react.md) ^19.0.8
- [react-stately](https://npm.io/package/react-stately.md) 3.48.0
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.18.3
- [@emotion/cache](https://npm.io/package/@emotion/cache.md) ^11.14.0
- [@emotion/sheet](https://npm.io/package/@emotion/sheet.md) ^1.4.0
- [@emotion/utils](https://npm.io/package/@emotion/utils.md) ^1.4.2
- [@emotion/serialize](https://npm.io/package/@emotion/serialize.md) ^1.3.3
- [@floating-ui/react](https://npm.io/package/@floating-ui/react.md) ^0.24.0
- [@react-types/shared](https://npm.io/package/@react-types/shared.md) ^3.36.0
- [@internationalized/date](https://npm.io/package/@internationalized/date.md) ^3.12.2
- [@internationalized/number](https://npm.io/package/@internationalized/number.md) ^3.6.7
- [@internationalized/string](https://npm.io/package/@internationalized/string.md) ^3.2.9

## Recent versions

- 0.10.0 (latest) — 2026-08-26
- 0.0.0-test-20260724041727 (test) — 2026-07-24
- 0.9.6 — 2026-08-20
- 0.9.5 — 2026-08-18
- 0.9.4 — 2026-08-17
- 0.9.3 — 2026-08-11
- 0.9.2 — 2026-07-31
- 0.9.1 — 2026-07-27
- 0.9.0 — 2026-07-24
- 0.8.1 — 2026-07-24
- 0.8.0 — 2026-07-20
- 0.0.0-test-20260717050758 — 2026-07-17
- 0.7.22 — 2026-07-09
- 0.7.21 — 2026-03-26
- 0.7.20 — 2026-03-23
- … 67 more at https://npm.io/package/@keystar/ui/versions

## README

<a href="https://keystatic.thinkmill.com.au/">
  <img src=".github/keystatic-banner.svg" alt="Keystatic">
  </br>
  </br>
</a>
<p>
  <a aria-label="NPM version" href="https://www.npmjs.com/package/@keystatic/core">
    <img alt="" src="https://img.shields.io/npm/v/@keystatic/core.svg?style=for-the-badge&labelColor=0869B8">
  </a>
  <a aria-label="Twitter Logo" href="https://twitter.com/thekeystatic">
    <img src="https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white&labelColor=007BCE">
  </a>
  <a aria-label="Website" href="https://keystatic.thinkmill.com.au/">
    <img src="https://img.shields.io/badge/Website-2F6BFF.svg?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWdsb2JlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PGxpbmUgeDE9IjIiIHkxPSIxMiIgeDI9IjIyIiB5Mj0iMTIiPjwvbGluZT48cGF0aCBkPSJNMTIgMmExNS4zIDE1LjMgMCAwIDEgNCAxMCAxNS4zIDE1LjMgMCAwIDEtNCAxMCAxNS4zIDE1LjMgMCAwIDEtNC0xMCAxNS4zIDE1LjMgMCAwIDEgNC0xMHoiPjwvcGF0aD48L3N2Zz4=&labelColor=0737ad&locoColor=white&logoWidth=0">
  </a>
  <a aria-label="Thinkmill Logo" href="https://www.thinkmill.com.au/open-source?utm_campaign=github-keystatic">
    <img src="https://img.shields.io/badge/A%20Thinkmill%20Project-ed0000.svg?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTg2IiBoZWlnaHQ9IjU4NiIgdmlld0JveD0iMCAwIDU4NiA1ODYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xOTk2XzQwNikiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU4NiAyOTNDNTg2IDQ1NC44MTkgNDU0LjgxOSA1ODYgMjkzIDU4NkMxMzEuMTgxIDU4NiAwIDQ1NC44MTkgMCAyOTNDMCAxMzEuMTgxIDEzMS4xODEgMCAyOTMgMEM0NTQuODE5IDAgNTg2IDEzMS4xODEgNTg2IDI5M1pNMjA1Ljc3NiAzNTguOTQ0QzE5MS4zNzYgMzU4Ljk0NCAxODUuOTA0IDM1Mi4zMiAxODUuOTA0IDMzNS45MDRWMjYyLjc1MkgyMTQuNDE2VjIzNy42OTZIMTg1LjkwNFYyMDEuMTJIMTUzLjA3MlYyMzcuNjk2SDEyOC41OTJWMjYyLjc1MkgxNTMuMDcyVjM0MC44QzE1My4wNzIgMzcyLjc2OCAxNjYuNjA4IDM4NS43MjggMTk3LjQyNCAzODUuNzI4QzIwMy40NzIgMzg1LjcyOCAyMTAuOTYgMzg0LjU3NiAyMTUuODU2IDM4My4xMzZWMzU3LjUwNEMyMTMuNTUyIDM1OC4zNjggMjA5LjUyIDM1OC45NDQgMjA1Ljc3NiAzNTguOTQ0Wk00MDcuMzc2IDIzNC4yNEMzODUuMiAyMzQuMjQgMzcxLjA4OCAyNDQuMDMyIDM2MC40MzIgMjYwLjczNkMzNTIuOTQ0IDI0My40NTYgMzM3LjM5MiAyMzQuMjQgMzE3LjIzMiAyMzQuMjRDMjk5Ljk1MiAyMzQuMjQgMjg2Ljk5MiAyNDEuMTUyIDI3Ni42MjQgMjU1LjI2NEgyNzYuMDQ4VjIzNy42OTZIMjQ0LjY1NlYzODRIMjc3LjQ4OFYzMDUuNjY0QzI3Ny40ODggMjc3LjQ0IDI4OC43MiAyNjAuNzM2IDMwOC4zMDQgMjYwLjczNkMzMjUuMjk2IDI2MC43MzYgMzM0LjUxMiAyNzIuODMyIDMzNC41MTIgMjkzLjU2OFYzODRIMzY3LjM0NFYzMDUuMDg4QzM2Ny4zNDQgMjc3LjE1MiAzNzguODY0IDI2MC43MzYgMzk4LjE2IDI2MC43MzZDNDE0LjU3NiAyNjAuNzM2IDQyNC42NTYgMjcxLjEwNCA0MjQuNjU2IDI5Ny4wMjRWMzg0SDQ1Ny40ODhWMjkzLjg1NkM0NTcuNDg4IDI1NC40IDQzOC40OCAyMzQuMjQgNDA3LjM3NiAyMzQuMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE5OTZfNDA2Ij4KPHJlY3Qgd2lkdGg9IjU4NiIgaGVpZ2h0PSI1ODYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==&labelColor=C60200&locoColor=white&logoWidth=0">
  </a>
</p>

---

First-class CMS experience, TypeScript API, Markdown & YAML/JSON based, no DB.

Built with DNA from Keystone, connects directly to GitHub and doesn’t mess with
your source code. Conceived for modern front-end frameworks like Next.js, Remix
and Astro, designed to fit into your workflow.

## Status

We're working on it! Things are experimental at the moment.

But if you're curious and brave, check out
[keystatic.com](https://keystatic.com) to try it out (and check out our growing
collection of templates).

Follow [@thekeystatic](https://twitter.com/thekeystatic) on Twitter, and
[subscribe to our mailing list](https://keystatic.com/#mailing-list) for
updates.

Feedback on how we're going, what you're looking for, and what you'd like to see
next is super helpful as we progress!
[Join the discussion on GitHub](https://github.com/Thinkmill/keystatic/discussions)

---

## Developing Keystatic

If you want to try Keystatic, we recommend following our
[guides](https://keystatic.com/docs/introduction) or using the CLI rather than
running the dev projects in this repo.

They're intended for testing and developing features, and aren't great examples
of actual Keystatic projects.

However, if you want to spin up Keystatic for local development in the monorepo,
you can! Run the following:

```sh
pnpm install
cd dev-projects/{example}
pnpm run dev
```

### Requirements

- node.js v18
- pnpm

Note: if you are getting an error with `pnpm`, make sure you're using
[corepack](https://nodejs.org/api/corepack.html), uninstall pnpm, and then run
`corepack enable pnpm`.

---

## License

Copyright (c) 2023
[Thinkmill Labs](https://www.thinkmill.com.au/labs?utm_campaign=github-keystatic)
Pty Ltd. Licensed under the MIT License.

---
_Source: https://npm.io/package/@keystar/ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._