https://github.com/zillow/drywall

Accessible, style agnostic component library built on top of styled-components.
https://github.com/zillow/drywall

Last synced: 4 months ago
JSON representation

Accessible, style agnostic component library built on top of styled-components.

• Host: GitHub
• URL: https://github.com/zillow/drywall
• Owner: zillow
• Created: 2019-04-11T21:52:15.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-06-27T19:47:15.000Z (about 3 years ago)
• Last Synced: 2025-10-19T20:44:52.078Z (9 months ago)
• Language: JavaScript
• Homepage: https://zillow.github.io/drywall/
• Size: 3.3 MB
• Stars: 4
• Watchers: 10
• Forks: 1
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
[![npm version](https://badge.fury.io/js/drywall.svg)](https://badge.fury.io/js/drywall)

[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)

Drywall is a style agnostic component library built with [React](https://reactjs.org/) and

[styled-components](https://www.styled-components.com/).

The library consists of high quality, functional components that are accessible and thoroughly tested.

Drywall itself does not provide any styles, but leverages the

[styled-components theming API](https://www.styled-components.com/docs/advanced#theming)

to provide flexible theming capabilities.

**Wait... a component library without styles?!**

After building several different component libraries, we found that styles were always the least

sharable aspect -- so why include them at all if they are just going to be overriden anyways?

Styles are built independently as themes, creating a separation of concerns,

leaving the components to focus on interactions and accessibility.