# Porsche Design System

Design system of Web Components with npm wrapper packages for React, Angular, Vue and vanilla JavaScript, published by Porsche AG.


Source: https://findsoftware.frbit.cloud/porsche-design-system/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://designsystem.porsche.com/
- repository: https://github.com/porsche-design-system/porsche-design-system
- docs: https://designsystem.porsche.com/v4/developing/introduction/

### Identity

- status: active
- maintainer: Dr. Ing. h.c. F. Porsche AG
- maintainerType: company
- parent: unknown
- firstRelease: 2022
- hqCountry: DE

### Kind

- category: ui-library
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: not applicable
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: Apache-2.0, Porsche Design System Assets License Agreement

### Releases

- currentMajor: 4
- latestReleaseDate: 2026-10-23

### Adoption

- githubStargazers: 674
- packagistDownloads: not applicable
- npmWeeklyDownloads: 40669
- contributors: 34
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 7
- dependentPackages: 4

### Sources

- urls: https://designsystem.porsche.com/ (read 2026-10-28)
- urls: https://github.com/porsche-design-system/porsche-design-system (read 2026-10-28)
- urls: https://designsystem.porsche.com/v4/developing/introduction/ (read 2026-10-28)
- category: https://designsystem.porsche.com/ (read 2026-10-28)
- firstRelease: https://registry.npmjs.org/@porsche-design-system/components-js (read 2026-10-28)
- maintainer: https://designsystem.porsche.com/v4/license/ (read 2026-10-28)
- hqCountry: https://designsystem.porsche.com/v4/license/ (read 2026-10-28)
- language: https://github.com/porsche-design-system/porsche-design-system (read 2026-10-28)
- installMethod: https://designsystem.porsche.com/v4/developing/vanilla-js/getting-started/ (read 2026-10-28)
- license: https://designsystem.porsche.com/v4/license/ (read 2026-10-28)
- license: https://designsystem.porsche.com/v4/license/ (read 2026-10-28)
- currentMajor: https://github.com/porsche-design-system/porsche-design-system/releases/tag/v4.10.1 (read 2026-10-28)
- latestReleaseDate: https://github.com/porsche-design-system/porsche-design-system/releases/tag/v4.10.1 (read 2026-10-28)
- githubStargazers: https://github.com/porsche-design-system/porsche-design-system (read 2026-10-28)
- contributors: https://github.com/porsche-design-system/porsche-design-system (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@porsche-design-system/components-js (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/@porsche-design-system%2Fcomponents-js (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/@porsche-design-system%2Fcomponents-js (read 2026-10-28)

## Notes

Porsche Design System is a component library of Web Components, published by Dr. Ing. h.c. F. Porsche AG as versioned npm packages. The core package is `@porsche-design-system/components-js`, and wrapper packages for React, Angular and Vue are published beside it, so the same components can be used from each framework or from plain JavaScript.

Installation is an npm install followed by a loader script in the page and a stylesheet import, and the [vanilla JavaScript guide](https://designsystem.porsche.com/v4/developing/vanilla-js/getting-started/) shows the steps in a Vite project. The project describes its packages as typed with TypeScript and as supporting server-side rendering. Styling can come from the design system's own stylesheet or from its Tailwind CSS, SCSS, Emotion or Vanilla Extract integrations.

## Worth knowing

The source code is under the Apache License, Version 2.0. The design assets, which include fonts, icons and the marque, fall under a separate Porsche Design System Assets License Agreement that grants use of them for software applications, websites and interfaces on behalf of Porsche.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0