https://github.com/cloudfour/cloudfour.com-patterns

The design system, component library and documentation for cloudfour.com and related projects
https://github.com/cloudfour/cloudfour.com-patterns

css design-system javascript pattern-library storybook twig

Last synced: 9 months ago
JSON representation

The design system, component library and documentation for cloudfour.com and related projects

• Host: GitHub
• URL: https://github.com/cloudfour/cloudfour.com-patterns
• Owner: cloudfour
• Created: 2015-05-28T17:39:24.000Z (over 10 years ago)
• Default Branch: main
• Last Pushed: 2025-04-11T15:39:42.000Z (10 months ago)
• Last Synced: 2025-04-11T16:54:37.269Z (10 months ago)
• Topics: css, design-system, javascript, pattern-library, storybook, twig
• Language: MDX
• Homepage: https://cloudfour-patterns.netlify.app
• Size: 68.9 MB
• Stars: 24
• Watchers: 3
• Forks: 3
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          


# Cloud Four Patterns

[![NPM version](http://img.shields.io/npm/v/@cloudfour/patterns.svg)](https://www.npmjs.org/package/@cloudfour/patterns) [![Build Status](https://github.com/cloudfour/cloudfour.com-patterns/workflows/CI/badge.svg)](https://github.com/cloudfour/cloudfour.com-patterns/actions?query=workflow%3ACI) [![Netlify Status](https://api.netlify.com/api/v1/badges/1923e350-3172-409a-9361-b04d54d1c3b4/deploy-status?branch=main)](https://app.netlify.com/sites/cloudfour-patterns/deploys?filter=main)

[View Netlify Preview →](https://cloudfour-patterns.netlify.app)

## Installation

The package includes both the compiled code and the source files. So you can either include the compiled CSS and JS directly, or load the source files using your own build system. If you use the source files, you'll need to compile them yourself using Sass and PostCSS.

You can add the pattern library package as a dependency to your JavaScript application using npm:

```

npm install @cloudfour/patterns

```

## Contributing

To learn how to run this project locally, modify existing patterns, or create new ones, please see the [contribution guidelines for this project](CONTRIBUTING.md).