Name: gestalt
Owner: Pinterest
Description: A set of React UI components that supports Pinterest?s design language
Created: 2018-02-16 22:17:51.0
Updated: 2018-05-24 16:13:25.0
Pushed: 2018-05-23 21:47:10.0
Homepage: https://pinterest.github.io/gestalt
Size: 5233
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Gestalt is a set of React UI components that enforces Pinterest?s design language. We use it to streamline communication between designers and developers by enforcing a bunch of fundamental UI components. This common set of components helps raise the bar for UX & accessibility across Pinterest.
View the full docs or Check out the Gestalt playground
Gestalt exports each component as ES6 modules and a single, precompiled CSS file:
rt { Text } from 'gestalt';
rt 'gestalt/dist/gestalt.css';
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.
Gestalt is a multi-project monorepo. The docs, components and integration tests are all organized as separate packages that share similar tooling.
Install project dependencies and run tests:
test
Build and watch Gestalt & run the docs server:
start
Visit http://localhost:3000/ and click on a component to view the docs.
Using the Masonry playground:
est && yarn start
"http://localhost:3001/Masonry"
Running Masonry's integration tests. This will leave lots of Firefox processes hanging around, so please be warned.
n_integration_tests
If you haven?t already, you?ll first need to create an npm account. Once you've done that
you can setup your username and email in Yarn using yarn login
.
The following outlines our release process:
packages/gestalt/package.json
& update CHANGELOG.md
.npm login
using your npm username and password../scripts/publish.js
to publish the tag, npm package, and docs.