---
## ๐ Quick Links
- [Website](https://reablocks.dev)
- [Docs](https://reablocks.dev/docs)
- [Blocks](https://reablocks.dev/blocks)
- [Storybook](https://storybook.reablocks.dev)
- [CLI](https://github.com/reaviz/reablocks-cli)
- [Changelog](https://reablocks.dev/docs/changelog)
## ๐ Other Projects
- [Reagraph](https://reagraph.dev?utm=reablocks) - Open-source library for large webgl based network graphs.
- [Reaviz](https://reaviz.dev?utm=reablocks) - Open-source library for data visualizations for React.
- [Reachat](https://reachat.dev?utm=reablocks) - Open-source library for building LLM/Chat UIs for React.
- [Reaflow](https://reaflow.dev?utm=reablocks) - Open-source library for workflow and diagram graphs.
## ๐ญ Development
If you want to run reablocks locally, its super easy!
- Clone the repository
- `npm i`
- `npm start`
- Browser opens to Storybook page
## ๐งช Visual Regression Testing
This project uses [Playwright](https://playwright.dev/) to screenshot every Storybook story and catch unintended visual changes.
**Prerequisites:** Storybook must be running on `localhost:9009` (or Playwright will start it automatically).
```bash
# Run visual tests against existing baseline screenshots
npm run test:visual
# Update baseline screenshots (after intentional visual changes)
npm run test:visual:update
```
`test:visual:extract` runs automatically as part of both commands โ it fetches the story list from Storybook so Playwright knows what to screenshot.
## โค๏ธ Contributors & Credits
Thanks to all our contributors!
