{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/porsche-design-system/","markdown":"https://findsoftware.frbit.cloud/porsche-design-system.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"porsche-design-system","name":"Porsche Design System","urls":{"home":"https://designsystem.porsche.com/","repository":"https://github.com/porsche-design-system/porsche-design-system","docs":"https://designsystem.porsche.com/v4/developing/introduction/"},"category":["ui-library"],"description":"Design system of Web Components with npm wrapper packages for React, Angular, Vue and vanilla JavaScript, published by Porsche AG.","maintainer":"Dr. Ing. h.c. F. Porsche AG","maintainerType":"company","firstRelease":2022,"hqCountry":"DE","hosting":null,"language":"javascript","runtimeMin":null,"contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"runsAs":null,"renderingModes":null,"installMethod":"npm","licenseModel":"open-source","license":"Apache-2.0, Porsche Design System Assets License Agreement","currentMajor":"4","latestReleaseDate":"2026-10-23T00:00:00.000Z","githubStargazers":674,"contributors":34,"packagistDownloads":null,"npmWeeklyDownloads":40669,"dependentRepos":7,"dependentPackages":4,"checkedAt":"2026-10-28T00:00:00.000Z","addedAt":"2026-10-28T00:00:00.000Z","sources":[{"field":"urls","url":"https://designsystem.porsche.com/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://github.com/porsche-design-system/porsche-design-system","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://designsystem.porsche.com/v4/developing/introduction/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"category","url":"https://designsystem.porsche.com/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"firstRelease","url":"https://registry.npmjs.org/@porsche-design-system/components-js","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"maintainer","url":"https://designsystem.porsche.com/v4/license/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"hqCountry","url":"https://designsystem.porsche.com/v4/license/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"language","url":"https://github.com/porsche-design-system/porsche-design-system","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://designsystem.porsche.com/v4/developing/vanilla-js/getting-started/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"license","url":"https://designsystem.porsche.com/v4/license/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"license","url":"https://designsystem.porsche.com/v4/license/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"currentMajor","url":"https://github.com/porsche-design-system/porsche-design-system/releases/tag/v4.10.1","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://github.com/porsche-design-system/porsche-design-system/releases/tag/v4.10.1","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"githubStargazers","url":"https://github.com/porsche-design-system/porsche-design-system","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"contributors","url":"https://github.com/porsche-design-system/porsche-design-system","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@porsche-design-system/components-js","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentPackages","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/@porsche-design-system%2Fcomponents-js","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentRepos","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/@porsche-design-system%2Fcomponents-js","checkedAt":"2026-10-28T00:00:00.000Z"}],"status":"active","ai":"authored"},"prose":"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.\n\nInstallation 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.\n\n## Worth knowing\n\nThe 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."}