https://github.com/anarock/pebble

A set of lightweight and accessible React components.
https://github.com/anarock/pebble

design-system react

Last synced: 10 months ago
JSON representation

A set of lightweight and accessible React components.

• Host: GitHub
• URL: https://github.com/anarock/pebble
• Owner: anarock
• Created: 2018-07-04T12:26:41.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2025-04-18T15:27:47.000Z (11 months ago)
• Last Synced: 2025-04-19T04:47:27.244Z (11 months ago)
• Topics: design-system, react
• Language: TypeScript
• Homepage: https://pebble-anarock.netlify.app
• Size: 5.26 MB
• Stars: 58
• Watchers: 13
• Forks: 8
• Open Issues: 9
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

• awesome-list - pebble

README

          
# pebble

[![Greenkeeper badge](https://badges.greenkeeper.io/anarock/pebble.svg)](https://greenkeeper.io/)

[![Build Status](https://www.travis-ci.com/anarock/pebble.svg?branch=master)](https://www.travis-ci.com/anarock/pebble)

A design system comprising of component and utilities creating using React.

It consists of:

- [pebble-web](./packages/pebble-web)

- [pebble-shared](./packages/pebble-shared)

### Development

Install yarn globally.

```$xslt

npm i -g yarn

```

- Clone the repo.

- Install deps `yarn install`

- Run `yarn lerna bootstrap` at the root of the directory.

- Run `yarn storybook` to look at the preview of all the components and start development.

- To run tests, run `yarn build` before `yarn jest`

## Acknowledgements

We use [Chromaticqa](https://www.chromaticqa.com/) for visual regression testing and it is awesome.

## License

MIT