{"repo":"pinterest/gestalt","free":true,"listed":false,"github":"https://github.com/pinterest/gestalt","clone":"git clone https://github.com/pinterest/gestalt.git","description":"A set of React UI components that supports Pinterest’s design language","language":"TypeScript","stars":4366,"topics":["javascript","react","design-system"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"Gestalt &middot; Gestalt is Pinterest’s design system. Our system includes a React component library with comprehensive guidelines, best practices, tools, and resources to support designers and engineers delivering a high-quality product. Visit the official Gestalt Documentation Installation The package can be installed via npm: Or via yarn: Usage Gestalt exports each component as ES6 modules and a single, precompiled CSS file: That syntax is Webpack specific (and will work with Create React App), but you can use Gestalt anywhere that supports ES6 module bundling and global CSS. Development Gestalt is a multi-project monorepo. The docs and components are all organized as separate packages that share similar tooling. Install project dependencies and run tests: Build and watch Gestalt & run the docs server: Visit http://localhost:8888/ and click on a component to view the docs. Codemods When a release will cause breaking changes — in usage or in typing — we provide a codemod to ease the upgrade process. Codemods are organized by release in /packages/gestalt-codemods . Codemod Usage Clone the Gestalt repo locally if you haven't already. Run the relevant codemod(s) in the relevant directory of your repo (not the Gestalt repo): anywhere the component to be updated is used. Example usage for a codebase using TypeScript: For a dry run to see what the changes will be, add the -d (dry run) and -p (print output) flags (pipe stdout to a file for easier inspection if you like). Releasing","default_branch":null,"files":null,"tree":[],"storefront":"/r/pinterest","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pinterest/gestalt/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}