Explore @predixdesignsystem Open Source projects

Predix Design System (@predixdesignsystem)

predixdesignsystem

Stars
594
Global Org. Rank 21,521 (Top 7 %)
Registered about 7 years ago
Most used languages

HTML
83.1 %

JavaScript
6.8 %

CSS
5.1 %

TypeScript
1.7 %

Shell
1.7 %

Rich Text Format 1.7 %
Location 🇺🇸 United States
Country Total Rank 13,731
Country Ranking

Rich Text Format 42

HTML
555

CSS
1,760

predix-design-stencil

This repository contains files with the most current symbols library, stencils, color swatches, and fonts for your Predix UI design project. Stencils are provided in Sketch formats. The Predix Components Master is a Sketch document that contains Predix component symbols which you can use in any of your Sketch documents. If there are updates to the master file, documents containing instances of the master file will receive a notification to update to the lastest version. This will guarantee you will have the lastest version and any additions to the Sketch documents. The Predix Design System starter kit is composed of symbols from the Predix Components Master file and layout examples. Please use the starter kit as a way to build stencils for your product and applications.

Rich Text Format

px-vis

A library of visualization components

px-data-table

For a live demo of this predix UI component, visit

px-starter-kit-design

For a live demo of this predix UI component, visit

px-colors-design

For a live demo of this predix UI component, visit

px-sample-app

generator-px-comp

A Yeoman Generator that creates custom Predix Design System components

px-vis-timeseries

For a live demo of this predix UI component, visit

px-spinner

For a live demo of this predix UI component, visit

px-dropdown

For a live demo of this predix UI component, visit

px-simple-horizontal-bar-chart

For a live demo of this predix UI component, visit

px-map

px-app-nav

For a live demo of this Predix UI component, visit

px-getting-started

px-spacing-design

For a live demo of this predix UI component, visit

px-buttons-design

For a live demo of this predix UI component, visit

px-flexbox-design

For a live demo of this predix UI component, visit

px-inbox

For a live demo of this predix UI component, visit

px-rangepicker

For a live demo of this predix UI component, visit

px-context-browser

For a live demo of this predix UI component, visit

px-tabs

px-vis-parallel-coordinates

A Parallel Coordinates chart built with px-vis components

px-datetime-picker

For a live demo of this predix UI component, visit

px-button-group-design

For a live demo of this predix UI component, visit

px-data-grid

Predix UI component which defines a data grid

px-widget-cards

For a live demo of this predix UI component, visit

px-sample-layouts

px-sample-app-react

Sample app made with Predix Design System + React

px-theme

pds-search-api

Realtime analytics for Predix Design System website

px-code-design

For a live demo of this predix UI component, visit

px-heatmap-grid

px-tables-design

For a live demo of this predix UI component, visit

px-typography-design

For a live demo of this predix UI component, visit

px-threshold-bar

px-sample-app-angular

px-sass-doc

px-vis-demos

px-box-sizing-design

For a live demo of this predix UI component, visit

px-flag-design

For a live demo of this predix UI component, visit

px-simple-area-chart

px-demo-snippet

For a live demo of this predix UI component, visit

px-vis-xy-chart

For a live demo of this predix UI component, visit

px-simple-line-chart

For a live demo of this predix UI component, visit

px-vis-pie-chart

For a live demo of this predix UI component, visit

px-defaults-design

For a live demo of this predix UI component, visit

px-card

For a live demo of this predix UI component, visit

px-vis-heatmap

px-calendar-picker

For a live demo of this predix UI component, visit

px-alert-message

To view a demo of this component, go to :

px-forms-design

For a live demo of this predix UI component, visit

px-clipboard

px-product-switcher

px-accordion

For a live demo of this predix UI component, visit

px-widths-responsive-design

For a live demo of this predix UI component, visit

px-timeline

For a live demo of this predix UI component, visit

px-simple-bar-chart

For a live demo of this predix UI component, visit

px-tooltip

For a live demo of this predix UI component, visit

px-alert-label

For a live demo of this predix UI component, visit

px-simple-win-loss-chart

For a live demo of this predix UI component, visit