# pmndrs/uikit

🎨 user interfaces for react-three-fiber

Repository: https://github.com/pmndrs/uikit
Canonical: https://ross.abutalabs.com/products/pmndrs-uikit
Homepage: https://pmndrs.github.io/uikit/docs/
Language: TypeScript
License: NOASSERTION
License Family: other
Topics: flexbox, r3f, react, threejs, typescript, uikit, userinterface, yoga
Last push: 2026-08-03T22:06:38+00:00

## Health v2 (maintenance only)
Score: 70/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 95, release rhythm 40, longevity 66
- inputs: {"age_days": 930, "days_push": 30, "days_rel": 321, "gap_med": 32, "n_releases_24m": 4}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3235, forks 178 (observed 2026-08-28T04:07:50.249573+00:00)

## What it is
uikit is a library for building performant 3D user interfaces in three.js, with first-class React bindings via @react-three/uikit. It provides flexbox-based layout (powered by Yoga) with interactive components like containers, text, and fullscreen layouts rendered inside 3D scenes.

## Use cases
- build 3D user interfaces for react-three-fiber scenes
- create UI overlays for three.js games
- build VR/AR and spatial computing interfaces in the browser
- add flexbox-based layouts to 3D web apps
- render interactive menus and HUDs in WebGL
- use vanilla three.js with a UI layout system

## When to choose
- you're using react-three-fiber or three.js and need structured, interactive UI in 3D
- you want flexbox-style layouting inside a WebGL scene
- you're building XR (VR/AR) or spatial computing web experiences

## When to avoid
- you need standard DOM/HTML UI for a regular 2D website
- your project doesn't use three.js or WebGL
- you need a full cross-platform native UI toolkit

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, graphics, animation
- domain: web-development, frontend, graphics
- platform: browser
- tags: react-three-fiber, threejs, flexbox, yoga-layout, 3d-ui, xr, spatial-computing, pmndrs, game-development, web-server, javascript, typescript, nodejs

## Member repositories
- pmndrs/uikit (main) score 70

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:50.249573+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:24:36.722012+00:00, confidence not recorded.
  - readme: https://github.com/pmndrs/uikit (fetched 2026-08-28T04:07:50.249573+00:00, sha 20ef846f7ba2)
  - homepage: https://pmndrs.github.io/uikit/docs/ (fetched 2026-08-29T09:37:40.586319+00:00, sha 3edea9b00e5e)
- Data as of 2026-08-30T08:39:29.467469+00:00.