# reshaped-ui/reshaped

Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system

Repository: https://github.com/reshaped-ui/reshaped
Canonical: https://ross.abutalabs.com/products/reshaped
Homepage: https://reshaped.so
Language: TypeScript
License: MIT
License Family: permissive
Topics: design-system, figma, react, react-components, ui-components
Last push: 2026-08-17T21:33:36+00:00

## Health v2 (maintenance only)
Score: 93/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 98, release rhythm 92, longevity 84
- inputs: {"age_days": 1177, "days_push": 16, "days_rel": 53, "gap_med": 4, "n_releases_24m": 18}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2235, forks 156 (observed 2026-08-28T04:06:29.295249+00:00)

## What it is
Reshaped is a professionally crafted design system providing accessible React components, hooks, utilities, and design tokens, synced with a matching Figma library. It includes a headless layer for building custom design systems, theming with dark mode, RTL support, and TailwindCSS integration.

## Use cases
- build a react app with accessible ui components
- start a custom design system from scratch
- sync design tokens between figma and code
- add dark mode and theming to a react product
- support rtl languages in a react ui
- use headless react components with custom styles
- integrate a design system with tailwind css

## When to choose
- you want production-ready accessible React components with a matching Figma library
- you need design tokens, dark mode, and RTL support out of the box
- you want a headless layer to build your own design system
- you use TypeScript and want full type coverage

## When to avoid
- you need a full application framework or backend solution
- you prefer a different styling paradigm without design tokens
- your project is not React-based

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, theme, accessibility, internationalization, form-handling
- domain: web-development, frontend, web-design, developer-tools
- platform: cross-platform
- tags: design-system, react, figma, design-tokens, dark-mode, rtl-support, headless-components, tailwind-integration, typescript, storybook-mcp, nodejs, web-server

## Member repositories
- reshaped-ui/reshaped (main) score 93

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:29.295249+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-30T02:44:20.482679+00:00, confidence not recorded.
  - readme: https://github.com/reshaped-ui/reshaped (fetched 2026-08-28T04:06:29.295249+00:00, sha 9644ebabb006)
  - homepage: https://reshaped.so (fetched 2026-08-29T10:25:03.767103+00:00, sha 06c6a67d9fff)
  - site_page: https://www.reshaped.so/docs/getting-started/overview (fetched 2026-08-29T10:25:03.770081+00:00, sha b4a6105221f8)
  - site_page: https://www.reshaped.so/docs/changelog (fetched 2026-08-29T10:25:03.771984+00:00, sha 5000f50fd525)
  - site_page: https://www.reshaped.so/docs/tokens/overview (fetched 2026-08-29T10:25:03.773805+00:00, sha 1ac683364809)
- Data as of 2026-08-30T08:39:29.467469+00:00.