# cvdlab/react-planner

:pencil2: A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.

Repository: https://github.com/cvdlab/react-planner
Canonical: https://ross.abutalabs.com/products/react-planner
Homepage: https://cvdlab.github.io/react-planner
Language: JavaScript
License: MIT
License Family: permissive
Topics: component, interface, react, react-component, reactjs, ui, webgl, threejs, svg, floorplans, draw
Last push: 2024-04-20T01:42:13+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3719, "days_push": 866, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1473, forks 502 (observed 2026-08-28T04:04:49.550943+00:00)

## What it is
react-planner is a React component for designing building floorplans, letting users draw 2D plans with drag-and-drop catalogs of objects and view them in 3D. It integrates with Redux and is extensible with custom catalogs and plugins.

## Use cases
- draw 2D floorplans in a react app
- design home layouts with drag and drop
- convert 2D floorplan to 3D model
- build an interior design web tool
- embed a floorplan editor in my application
- create a custom catalog of furniture objects
- let users model buildings in the browser

## When to choose
- you need an embeddable React floorplan editor with 2D drawing and 3D preview
- you want customizable object catalogs and Redux-based state control
- your stack is React and you need MIT-licensed plan design UI

## When to avoid
- you need a full standalone CAD application rather than a React component
- your project does not use React or Redux
- you need active feature development or long-term support guarantees

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, graphics, state-management
- domain: web-development, frontend, graphics, simulation
- platform: browser
- tags: react-component, floorplan, 2d-drawing, 3d-viewer, threejs, svg, webgl, interior-design, redux, web-server, nodejs

## Member repositories
- cvdlab/react-planner (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:49.550943+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:34:36.912652+00:00, confidence not recorded.
  - readme: https://github.com/cvdlab/react-planner (fetched 2026-08-28T04:04:49.550943+00:00, sha 0cd3537e59e1)
  - homepage: https://cvdlab.github.io/react-planner (fetched 2026-08-29T11:42:26.686922+00:00, sha aabe32436b9a)
  - registry_npm: https://registry.npmjs.org/react-planner (fetched 2026-08-29T11:42:26.696294+00:00, sha 7fc2ccfda652)
- Data as of 2026-08-30T08:39:29.467469+00:00.