Design system: Reshaped #164
Description
Hey there, I've been maintaining Reshaped for the past 4 years and would really appreciate if it can be added to the list 🙏
Some information:
Company: - (or Reshaped)
System: Reshaped, https://reshaped.so
Repository: https://github.com/formaat-design/reshaped (not OSS but available on NPM, repository is used for support tickets and starter kits)
Code depth: HTML/CSS/TS
Components: Yes
JS Library/Framework: React
Typescript: Yes
Web components: No
Tests: Jest, Chromatic, React testing library
Linter: ESLint, Stylelint
CSS: CSS Modules, Tailwind integration
CSS-in-JS: No
Design tokens: CSS variables, JSON
Bundle manager: TSC, Vite
UI Kit: (Demo) https://www.figma.com/design/xMcXwUMarPGBjXeYxgD7VR/Reshaped-v3.0---Demo
Brand guidelines: No
Color palette: https://reshaped.so/docs/tokens/color
Color naming: Semantic, based on generic color roles (e.g. background-neutral-faded)
Contrast analysis: Yes, contrast colors are automatically generated
Typography: Yes, https://reshaped.so/docs/utilities/text
Icons: Can be used with any iconset, relying on Lucide icons by default, https://reshaped.so/docs/getting-started/react/installation#installing-icons
Space / Grid: yes, https://reshaped.so/docs/tokens/unit
Illustration: No
Data visualization: No
Animation: Yes
Voice & tone: No
Accessibility guidelines: Yes, in the components' documentation
Design principles: Yes, https://reshaped.so/docs/getting-started/figma/core-concepts
Documentation website: https://reshaped.so/docs/getting-started/overview
Code documentation: Same
Storybook: Yes, https://reshaped.so/storybook
Distribution: npm, https://www.npmjs.com/package/reshaped
Thanks 🙏