pcln-design-system

Priceline Design System

Usage no npm install needed!

<script type="module">
  import pclnDesignSystem from 'https://cdn.skypack.dev/pcln-design-system';
</script>

README

Priceline Design System

Node.js CI Coverage npm version Total alerts Language grade: JavaScript bundlephobia-badge Storybook

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 doc.

Documentation

Motivation

In order 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

Alex Haas
Alex Haas

💻
Agustin Bautista
Agustin Bautista

💻
Barry McGee
Barry McGee

💻
Benjamin Chen
Benjamin Chen

💻
Bing Bai
Bing Bai

💻
Brent Jackson
Brent Jackson

💻
Brookes Stephens
Brookes Stephens

💻
Byron Mitchell
Byron Mitchell

💻
Chi Jin
Chi Jin

💻
Chris Donnelly
Chris Donnelly

💻
Chris Droukas
Chris Droukas

💻
Craig Palermo
Craig Palermo

💻
Danny Giraldo
Danny Giraldo

💻
daljeetk
daljeetk

💻
Evan Pipta
Evan Pipta

💻
Evgenii Bezpalko
Evgenii Bezpalko

💻
Jennifer Cen
Jennifer Cen

💻
Jonathan Schwarz
Jonathan Schwarz

💻
lauradhahn
lauradhahn

💻
Maedeh Safari
Maedeh Safari

💻
Malek Hakim
Malek Hakim

💻
Rina Krevat
Rina Krevat

💻
ronhenderson
ronhenderson

💻
sagar kaurav
sagar kaurav

💻
sivdahlberg
sivdahlberg

💻
Steve Dalonzo
Steve Dalonzo

💻
Stephen Sulik
Stephen Sulik

💻
Timothy Quirk
Timothy Quirk

💻
Torng-Lin (Taffy) Chen
Torng-Lin (Taffy) Chen

💻
sqott
sqott

💻
Tobias Lundgren
Tobias Lundgren

💻
Dom G.
Dom G.

💻
Kyle Pollock
Kyle Pollock

💻
James300
James300

💻