Hack Club's design system
Clone or download
Latest commit c627af6 Oct 27, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook Replace every instance of .extend Sep 18, 2018
docs Minimal docs updates May 10, 2018
src 0.0.1-14 Oct 26, 2018
.babelrc New icon infrastructure Dec 23, 2017
.gitignore Switch to @hackclub/icons Aug 30, 2018
.npmignore Import Priceline Dec 23, 2017
.travis.yml Rename package Dec 25, 2017
LICENSE.md Begin updating docs Dec 23, 2017
README.md Use yarn in examples Jan 28, 2018
package.json 0.0.1-14 Oct 26, 2018
test-setup.js Upgrade React 15.6 → 16.2 Dec 24, 2017
yarn.lock Upgrade styled-components Sep 18, 2018


Hack Club Design System


yarn add @hackclub/design-system

This project is heavily inspired by Priceline.com’s design system.


Please be sure to read the Contributing doc :)



The core goals of this project are to:

  • Speed up design and development velocity
  • Help create consistent, beautiful, and usable UI in our various websites
  • Promote best practices for accessibility and responsive web design

We hope to accomplish these goals by:

  • Reducing the number of decisions needed when iterating on UI
  • Reducing the amount of code duplication in our apps
  • Serving as the standard for hackclub.com’s visual language
  • Providing easy-to-use and extensible components for anyone to consume

MIT License