# lume/lume

GPU-powered 3D HTML. ✨🧊 <lume-box size="1 2 3">

Repository: https://github.com/lume/lume
Canonical: https://ross.abutalabs.com/products/lume-lume
Homepage: https://lume.io
Language: TypeScript
License: MIT
License Family: permissive
Topics: javascript, graphics, graphics-engine, graphics-programming, three-d, three-dimensions, scene, custom-elements, ui, threejs, webgl, css3d, html, 3d, 3d-graphics, 3d-models, 3d-engine, web-components, dom-elements, lume
Last push: 2026-05-05T00:23:14+00:00

## Health v2 (maintenance only)
Score: 70/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 80, release rhythm 40, longevity 100
- inputs: {"age_days": 4264, "days_push": 121, "days_rel": 697, "gap_med": 0, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1515, forks 64 (observed 2026-08-28T04:04:56.546886+00:00)

## What it is
LUME is a TypeScript toolkit of HTML custom elements for building interactive 2D and 3D graphics in the browser, powered by WebGL and CSS3D. It provides a scene-graph based component system built on web components, with packages for element behaviors and a WebAssembly WebGL engine.

## Use cases
- render 3D scenes in the browser with HTML elements
- build interactive 3D web applications without writing raw WebGL
- mix CSS3D and WebGL content in one scene graph
- create 3D product visualizers or data displays on a website
- prototype browser-based games or first-person experiences
- build reusable 3D UI widgets as web components

## When to choose
- you want declarative HTML markup for 3D scenes instead of imperative Three.js code
- you need to combine DOM/CSS content with WebGL 3D in a single scene
- you prefer web components that integrate with any framework or plain HTML
- you want a higher-level scene-graph abstraction over Three.js

## When to avoid
- you need maximum performance or fine-grained control - use Three.js or raw WebGL directly
- you need server-side rendering or non-browser environments
- you require a mature, battle-tested engine for production games at scale
- you need extensive 3D model format loaders or advanced engine features out of the box

## Facets
- artifact type: library
- maturity: active
- function: graphics, ui-components, animation, game-engine
- domain: web-development, frontend, graphics
- platform: browser
- tags: web-components, webgl, css3d, threejs, 3d-graphics, custom-elements, scene-graph, typescript, game-development, javascript, web

## Member repositories
- lume/lume (main) score 70

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:56.546886+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-30T04:32:09.990888+00:00, confidence not recorded.
  - readme: https://github.com/lume/lume (fetched 2026-08-28T04:04:56.546886+00:00, sha f0afdce7bbbf)
  - homepage: https://lume.io (fetched 2026-08-29T11:35:58.072110+00:00, sha 04ac7e525d3d)
  - registry_npm: https://registry.npmjs.org/lume (fetched 2026-08-29T11:35:58.074901+00:00, sha 90b233986038)
- Data as of 2026-08-30T08:39:29.467469+00:00.
