https://github.com/priceline/design-system

Priceline.com Design System
https://github.com/priceline/design-system

components css css-in-js design-system design-systems javascript priceline react styled-components styled-system ui

Last synced: about 1 month ago
JSON representation

Priceline.com Design System

• Host: GitHub
• URL: https://github.com/priceline/design-system
• Owner: priceline
• License: mit
• Created: 2017-07-17T23:21:25.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2024-04-12T14:41:39.000Z (5 months ago)
• Last Synced: 2024-04-14T10:50:21.584Z (5 months ago)
• Topics: components, css, css-in-js, design-system, design-systems, javascript, priceline, react, styled-components, styled-system, ui
• Language: TypeScript
• Homepage: https://priceline.github.io/design-system/
• Size: 123 MB
• Stars: 722
• Watchers: 35
• Forks: 118
• Open Issues: 39
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-list - design-system

README

        
# Priceline Design System

![Node.js CI](https://github.com/priceline/design-system/workflows/Node.js%20CI/badge.svg)

[![Coverage][coverage-badge]][coverage]

[![npm version][npm version]][npm version]

![bundlephobia-badge]

[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)][storybook]

```sh

npm install pcln-design-system

```

## Contributing

If you'd like to contribute to the Design System, we'd love to have your help. If you work at Priceline.com, please join the #design-system Slack channel and let us know what you'd like to work on.

For all contributors, please be sure to read the [Contributing](CONTRIBUTING.md) doc.

## Documentation

- [Storybook][storybook]

## Motivation

To create a consistently great experience for our users, the Design System is meant to be the single source of truth for user interface standards for both designers and developers.

Built off of the work of previous efforts, this project intends to consolidate those ideas into a living, well-documented, and growing system.

## Goals

The core goals of this project are to:

- Speed up design and development velocity

- Help create consistent, beautiful, and usable UI in our applications

- Promote best practices for accessibility, internationalization, 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 Priceline.com's visual language

- Providing easy-to-use and extensible components for anyone to consume.

[MIT License](LICENSE.md)

  

    
Alex Haas
💻

    
Agustin Bautista
💻

    
Barry McGee
💻

    
Benjamin Chen
💻

    
Bing Bai
💻

    
Brent Jackson
💻

    
Brookes Stephens
💻

  

  

    
Byron Mitchell
💻

    
Chi Jin
💻

    
Chris Donnelly
💻

    
Chris Droukas
💻

    
Craig Palermo
💻

    
Danny Giraldo
💻

    
daljeetk
💻

    
Evan Pipta
💻

  

  

    
Evgenii Bezpalko
💻

    
Jennifer Cen
💻

    
Jonathan Schwarz
💻

    
lauradhahn
💻

    
Maedeh Safari
💻

    
Malek Hakim
💻

    
Rina Krevat
💻

  

  

    
ronhenderson
💻

    
sagar kaurav
💻

    
sivdahlberg
💻

    
Steve Dalonzo
💻

    
Stephen Sulik
💻

    
Timothy Quirk
💻

    
Torng-Lin (Taffy) Chen
💻

  

  

    
sqott
💻

    
Tobias Lundgren
💻

    
Dom G.
💻

    
Kyle Pollock
💻

    
James300
💻

  

[coverage]: https://codecov.io/github/priceline/design-system

[coverage-badge]: https://img.shields.io/codecov/c/github/priceline/design-system.svg?style=flat-square

[npm version]: https://img.shields.io/npm/v/pcln-design-system.svg?style=flat-square

[storybook]: https://main--5a85e56213417800200978ab.chromatic.com

[bundlephobia-badge]: https://badgen.net/bundlephobia/minzip/pcln-design-system?color=cyan