Patternfly React
Patternfly React is a free, open-source design system built with React. A set of React components for the PatternFly project. It has 859 GitHub stars and is released under the MIT license. A live demo is linked from this page.
github.com/patternfly/patternfly-react (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit patternfly/patternfly-react my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/patternfly/patternfly-react.git my-uiSources: GitHub docs on template repositories, degit.
About Patternfly React
This project provides a set of React components for the PatternFly project. Using PatternFly 3? Take a look at the PatternFly 3 React component information.
Built with
- React
- TypeScript
Similar templates
More design systems
Hiui
XiaoMi/hiui
HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
Maintained · last commit Jul 22, 2026
Design systemsTypeScriptHue
dominikmartn/hue
open-source skill that learns any brand and turns it into a complete design system.
Maintained · last commit Jun 11, 2026
Design systemsJavaScriptAccessible Autocomplete
alphagov/accessible-autocomplete
An autocomplete component, built to be accessible.
Active · last commit Oct 23, 2026
Design systemsJavaScriptNext.js Starter
once-ui-system/nextjs-starter
A simple Once UI setup for a new project.
Maintained · last commit Oct 21, 2026
Design systemsTypeScriptCodex Slides
nexu-io/codex-slides
Open-source AI slide studio inside Codex: image-native decks, every slide a full visual canvas.
Maintained · last commit Jul 21, 2026
Design systemsTypeScriptMix
btwld/mix
Mix is a styling system for Flutter that separates style definitions from widget structure.
Maintained · last commit Oct 21, 2026
Design systemsDart
How do I use Patternfly React?
Copy the files into a new folder with npx degit patternfly/patternfly-react my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Patternfly React for commercial projects?
Yes. Patternfly React is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Patternfly React maintained?
The repository's most recent commit was on Oct 21, 2026. Its latest release is v6.7.0. appsgit only lists templates from repositories with a commit in the last six months.