{"id":13816574,"url":"https://github.com/patternfly/patternfly-react","last_synced_at":"2025-05-13T18:07:29.236Z","repository":{"id":37476811,"uuid":"84372347","full_name":"patternfly/patternfly-react","owner":"patternfly","description":"A set of React components for the PatternFly project. ","archived":false,"fork":false,"pushed_at":"2025-05-09T18:20:03.000Z","size":324082,"stargazers_count":822,"open_issues_count":244,"forks_count":363,"subscribers_count":26,"default_branch":"main","last_synced_at":"2025-05-09T19:29:00.347Z","etag":null,"topics":["design-system","design-tokens","hacktoberfest","patternfly","react-components","reactjs","typescript"],"latest_commit_sha":null,"homepage":"https://react-staging.patternfly.org/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/patternfly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2017-03-08T22:31:12.000Z","updated_at":"2025-05-09T17:45:16.000Z","dependencies_parsed_at":"2023-11-09T12:23:55.973Z","dependency_job_id":"ff466459-1b17-4242-b306-91bf12e42300","html_url":"https://github.com/patternfly/patternfly-react","commit_stats":{"total_commits":7043,"total_committers":178,"mean_commits":39.56741573033708,"dds":0.6220360641771971,"last_synced_commit":"561f17ebb6ec19c65d0bc7811ff7b0ada358fc31"},"previous_names":[],"tags_count":24275,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patternfly%2Fpatternfly-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patternfly%2Fpatternfly-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patternfly%2Fpatternfly-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patternfly%2Fpatternfly-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/patternfly","download_url":"https://codeload.github.com/patternfly/patternfly-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253313438,"owners_count":21888833,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design-system","design-tokens","hacktoberfest","patternfly","react-components","reactjs","typescript"],"created_at":"2024-08-04T05:00:46.148Z","updated_at":"2025-05-13T18:07:29.213Z","avatar_url":"https://github.com/patternfly.png","language":"TypeScript","readme":"# PatternFly React\n  \n[![lerna](https://img.shields.io/badge/maintained%20with-lerna-green.svg?style=for-the-badge)](https://lernajs.io/)\n[![PatternFly npm badge](https://img.shields.io/npm/v/@patternfly/react-core.svg?label=PF%20Core\u0026style=for-the-badge)](https://www.npmjs.com/package/@patternfly/react-core)\n\nThis project provides a set of React components for the [PatternFly project](https://patternfly.org).  \n\n**Community:** [PatternFly website](https://www.patternfly.org) | [Slack](https://slack.patternfly.org) | [Medium](https://medium.com/patternfly) | [Mailing list](https://www.redhat.com/mailman/listinfo/patternfly)\n\n### Table of contents\n1. [PatternFly React packages](#patternfly-react-packages)\n2. [Setup](#Setup)\n3. [Contribution guidelines](#Contribution-guidelines)\n4. [License](#License) \n\nUsing PatternFly 3? Take a look at the [PatternFly 3 React component information](https://github.com/patternfly/patternfly-react/blob/patternfly-3/README.md).\n\n### PatternFly React packages\n\n| Package link | Description |\n| --- | --- |\n| **:blue_heart: Core packages** |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-core](./packages/react-core/README.md) | Core set of components |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-table](./packages/react-table/README.md) | Table components | \n| \u0026nbsp;\u0026nbsp;[@patternfly/react-charts](./packages/react-charts/README.md) | Chart components\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-icons](./packages/react-icons/README.md) | Icon components |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-styles](./packages/react-styles/README.md) | PatternFly CSS styles |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-tokens](./packages/react-tokens/README.md) | PatternFly CSS variable tokens |\n| **:yellow_heart: Extension packages** |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-log-viewer](https://github.com/patternfly/react-log-viewer/blob/main/README.md) | Virtualized log viewer component |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-catalog-view-extension](https://github.com/patternfly/react-catalog-view/blob/main/README.md) | Catalog view extension |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-topology](https://github.com/patternfly/react-topology/blob/main/README.md) | Topology components |\n| **:open_file_folder: Supporting packages** |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-docs](./packages/react-docs/README.md) | Gatsby documentation site for components |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-integration](./packages/react-integration/README.md) | Cypress integration tests |\n| **:x: Deprecated packages** |\n| \u0026nbsp;\u0026nbsp;[@patternfly/react-virtualized-extension](https://github.com/patternfly/react-virtualized-extension/blob/main/README.md) | Table and list row virtualization extension |\n\n### Setup  \n\nBefore you begin, check out this [overview of PatternFly](http://patternfly.org/get-started/about) to get familiar with the basic elements of the design system.\n\n#### Install a package manager\nInstall a package manager before using the PatternFly libraries.\n\n* [Use npm](https://nodejs.org/en/download/package-manager)\n* [Use Yarn](https://yarnpkg.com/getting-started/install)\n\n\n#### Start with PatternFly React seed\nIf you want to start with your existing project, skip to [Install and configure PatternFly React](#install-and-configure-patternfly-react).\n\n[PatternFly React seed](https://github.com/patternfly/patternfly-react-seed) is an open source build scaffolding utility. It gives developers a jump-start when creating new projects that will use PatternFly.\n\n\n1. **Fork the project**\n\n  * TypeScript: [Fork and clone the PatternFly React Seed project](https://github.com/patternfly/patternfly-react-seed).\n  * JavaScript: [Fork and clone the JavaScript branch of the PatternFly React Seed project](https://github.com/patternfly/patternfly-react-seed/tree/javascript).\n\n    For more information about how to fork and clone a repo, [view GitHub Help](https://help.github.com/articles/fork-a-repo/).\n\n2. **Install the project**\n\n    Follow the steps outlined in the [PatternFly React Seed README](https://github.com/patternfly/patternfly-react-seed#quick-start) to install.\n\n#### Install and configure PatternFly React\n* Using npm, run the following command to install:\n  ```\n  npm install @patternfly/react-core --save\n  ```\n  \n  **OR**\n\n* Using yarn, run the following command to install:\n  ```\n  yarn add @patternfly/react-core\n  ```\n  \n    Once the library is installed, use the specific setup instructions for that library to access the components it contains.  These can be found in the readme for each [library](#patternfly-react-packages). \n\n### Contribution guidelines\nAll React contributors must first be [PatternFly community contributors](https://www.patternfly.org/get-started/contribute/contributing-to-patternfly). If you're already a PatternFly community contributor, check out the [React contribution guidelines](https://github.com/patternfly/patternfly-react/tree/main/CONTRIBUTING.md) to make React contributions.\n\n### License\nPatternFly React is licensed under the [MIT License](https://github.com/patternfly/patternfly-react/tree/main/LICENSE).\n     \n","funding_links":[],"categories":["TypeScript","🌐 Web Development - Frontend"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpatternfly%2Fpatternfly-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpatternfly%2Fpatternfly-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpatternfly%2Fpatternfly-react/lists"}