• Stars
    star
    492
  • Rank 89,476 (Top 2 %)
  • Language
    TypeScript
  • License
    Apache License 2.0
  • Created over 7 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Backpack Design System

Backpack Design System

Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner's products.

npm version Build Status

Quick links

Usage

Installation

npm install --save @skyscanner/backpack-web

Contributing

To contribute please see contributing.md.

List of packages

bpk-animate-height bpk-component-accordion bpk-component-autosuggest bpk-component-badge bpk-component-banner-alert bpk-component-barchart bpk-component-blockquote bpk-component-breadcrumb bpk-component-breakpoint bpk-component-button bpk-component-calendar bpk-component-card bpk-component-checkbox bpk-component-chip bpk-component-close-button bpk-component-code bpk-component-datatable bpk-component-datepicker bpk-component-description-list bpk-component-dialog bpk-component-drawer bpk-component-fieldset bpk-component-form-validation bpk-component-graphic-promotion bpk-component-grid-toggle bpk-component-horizontal-nav bpk-component-icon bpk-component-image bpk-component-infinite-scroll bpk-component-input bpk-component-label bpk-component-link bpk-component-list bpk-component-loading-button bpk-component-mobile-scroll-container bpk-component-modal bpk-component-navigation-bar bpk-component-nudger bpk-component-nudger-row bpk-component-page-indicator bpk-component-pagination bpk-component-panel bpk-component-phone-input bpk-component-popover bpk-component-progress bpk-component-radio bpk-component-rtl-toggle bpk-component-section-header bpk-component-section-list bpk-component-select bpk-component-slider bpk-component-spinner bpk-component-star-rating bpk-component-switch bpk-component-table bpk-component-text bpk-component-textarea bpk-theming bpk-component-ticket bpk-component-tooltip bpk-react-utils

List of external packages

These components are part of Backpack and are utilised by the components but live in the Foundations repository.

These are installed separately and installation information can be found in the Backpack Foundations repo

Component Version
bpk-mixins npm version
bpk-stylesheets npm version
@skyscanner/bpk-svgs npm version
@skyscanner/bpk-foundations-web npm version

More Repositories

1

SkyFloatingLabelTextField

A beautiful and flexible text field control implementation of "Float Label Pattern". Written in Swift.
Swift
4,094
star
2

whispers

Identify hardcoded secrets in static structured text
Python
480
star
3

turbolift

A simple tool to help apply changes across many GitHub repositories simultaneously
Go
434
star
4

LambdaGuard

AWS Serverless Security
Python
399
star
5

cfripper

Library and CLI tool for analysing CloudFormation templates and check them for security compliance.
Python
396
star
6

Dixie

Dixie, turning chaos to your advantage.
Objective-C
192
star
7

aiotask-context

Contextual information for asyncio tasks
Python
161
star
8

engineering-principles

Skyscanner's Engineering Principles
133
star
9

backpack-android

Backpack Design System
Kotlin
127
star
10

applicationset-progressive-sync

Progressive sync controller for Argo ApplicationSet
Go
124
star
11

skyscanner-python-sdk

Skyscanner Python SDK
Python
121
star
12

full-stack-recruitment-test

JavaScript
110
star
13

backpack-ios

Backpack Design System
Swift
108
star
14

sonar-secrets

SonarQube plugin for identifying hardcoded secrets, such as passwords, API keys, AWS credentials, etc..
Java
99
star
15

pyfailsafe

Simple failure handling. Failsafe implementation in Python
Python
89
star
16

kms-issuer

KMS issuer is a cert-manager Certificate Request controller that uses AWS KMS to sign the certificate request.
Go
61
star
17

backpack-react-native

Backpack Design System
JavaScript
49
star
18

pycfmodel

A python model for Cloud Formation scripts
Python
27
star
19

ensure-node-env

A script that helps ensure you have the correct node & npm versions installed in your environment.
JavaScript
19
star
20

historical-bank-ruby

A Ruby Bank that serves historical exchange rates
Ruby
15
star
21

gradle-time-logger-plugin

Gradle plugin to log your build time
Kotlin
12
star
22

stylelint-config-skyscanner

Skyscanner's very own stylelint config.
JavaScript
10
star
23

gha-aws-oidc-sample

Enforcing per-repo privileges on AWS with GitHub Actions OIDC, without session tags
9
star
24

backpack-foundations

The foundational repo for Backpack platforms
JavaScript
9
star
25

eslint-config-skyscanner

Skyscanner's ESLint configuration
JavaScript
7
star
26

skyscanner-contentful-management

CLI tool for performing bulk actions with content managed using Contentful
Python
7
star
27

backpack-docs

Backpack design system's docs
JavaScript
7
star
28

skyscanner.github.io

Homepage of Skyscanner Open Source Software https://skyscanner.github.io
JavaScript
5
star
29

cra-template-backpack

The Backpack template used for Backpack React Scripts app creation.
HTML
4
star
30

backpack-node-sass

Parallelised node-sass with Backpack support.
JavaScript
3
star
31

OpenTSDB-rollup

Spark job generating rollup data points from a snapshot of an OpenTSDB raw data table
Java
3
star
32

backpack-usage-analyser

A tool to analyse the usage of Backpack resources in codebases.
JavaScript
2
star
33

grpc-asyncio

Python
2
star
34

eslint-plugin-backpack

JavaScript
1
star
35

eslint-config-skyscanner-with-prettier

Skyscanner's eslint config with additional support for Prettier
JavaScript
1
star
36

helm-argocd-appofapps

A helm chart that provides a relatively simple app of apps pattern
Smarty
1
star