reshaped-ui/reshaped

Health v2 · maintenance only

Adoption not part of the score

2235 stars · 156 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

library · maturity active

ui-components frontend-framework theme accessibility internationalization form-handling web-development frontend web-design developer-tools cross-platform design-system react figma design-tokens dark-mode rtl-support headless-components tailwind-integration typescript storybook-mcp nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="reshaped-ui/reshaped")