GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → patternfly → Patternfly React

patternfly / Patternfly React

Licence: mit
A set of React components for the PatternFly project.

Programming Languages

typescript
32286 projects

Labels

hacktoberfestreactjsreact-componentsbootstrap3

Projects that are alternatives of or similar to Patternfly React

Component Docs
📝 Simple documentation for your React components
Stars: ✭ 116 (-74.45%)
Mutual labels:  hacktoberfest, react-components
React Foundation
Foundation as React components.
Stars: ✭ 573 (+26.21%)
Mutual labels:  hacktoberfest, react-components
Uniforms
A React library for building forms from any schema.
Stars: ✭ 1,368 (+201.32%)
Mutual labels:  hacktoberfest, react-components
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (-69.6%)
Mutual labels:  hacktoberfest, react-components
Yii2 Bootstrap
Yii 2 Bootstrap 3 Extension
Stars: ✭ 177 (-61.01%)
Mutual labels:  hacktoberfest, bootstrap3
Ajsf
Angular JSON Schema Form
Stars: ✭ 266 (-41.41%)
Mutual labels:  hacktoberfest, bootstrap3
Material Ui
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Stars: ✭ 73,739 (+16142.07%)
Mutual labels:  hacktoberfest, react-components
Eo Locale
🌏Internationalize js apps 👔Elegant lightweight library based on Internationalization API
Stars: ✭ 290 (-36.12%)
Mutual labels:  hacktoberfest, react-components
React Virtualized
React components for efficiently rendering large lists and tabular data
Stars: ✭ 22,963 (+4957.93%)
Mutual labels:  react-components
Csi Digitalocean
A Container Storage Interface (CSI) Driver for DigitalOcean Block Storage
Stars: ✭ 452 (-0.44%)
Mutual labels:  hacktoberfest
Github Readme Stats
⚡ Dynamically generated stats for your github readmes
Stars: ✭ 34,955 (+7599.34%)
Mutual labels:  hacktoberfest
React Bulma
React.js components for Modern CSS framework based on Flexbox
Stars: ✭ 449 (-1.1%)
Mutual labels:  react-components
Zek
Generate a Go struct from XML.
Stars: ✭ 451 (-0.66%)
Mutual labels:  hacktoberfest
Graphql Engine
Blazing fast, instant realtime GraphQL APIs on your DB with fine grained access control, also trigger webhooks on database events.
Stars: ✭ 24,845 (+5372.47%)
Mutual labels:  hacktoberfest
React Recipes
👩‍🍳 A React Hooks utility library containing popular customized hooks
Stars: ✭ 452 (-0.44%)
Mutual labels:  react-components
React Native Elements
Cross-Platform React Native UI Toolkit
Stars: ✭ 21,758 (+4692.51%)
Mutual labels:  hacktoberfest
Cockroach
CockroachDB - the open source, cloud-native distributed SQL database.
Stars: ✭ 22,700 (+4900%)
Mutual labels:  hacktoberfest
Yarn
Libre Minecraft mappings, free to use for everyone. No exceptions.
Stars: ✭ 453 (-0.22%)
Mutual labels:  hacktoberfest
Openshift Docs
OpenShift 3 and 4 product and community documentation
Stars: ✭ 452 (-0.44%)
Mutual labels:  hacktoberfest
Kubectl Neat
Clean up Kuberntes yaml and json output to make it readable
Stars: ✭ 451 (-0.66%)
Mutual labels:  hacktoberfest
View All Similar Projects ➔

PatternFly React

lerna PatternFly 4 npm badge CodeCov

This project provides a set of React components for the PatternFly project.

Community: PatternFly website | Slack | Medium | Mailing list

Table of contents

  1. PatternFly React packages
  2. Setup
  3. Contribution guidelines
  4. License

Using PatternFly 3? Take a look at the PatternFly 3 React component information.

PatternFly React packages

Package link Description
💙 Core packages
  @patternfly/react-core Core set of components
  @patternfly/react-table Table components
  @patternfly/react-charts Chart components
  @patternfly/react-icons Icon components
  @patternfly/react-styles PatternFly CSS styles
  @patternfly/react-tokens PatternFly CSS variable tokens
  @patternfly/react-topology Topology components
📂 Supporting packages
  @patternfly/react-docs Gatsby documentation site for components
  @patternfly/react-integration Cypress integration tests
👪 Extension packages community supported
  @patternfly/react-catalog-view-extension Catalog view extension
  @patternfly/react-virtualized-extension Table and list row virtualization extension
❌ Deprecated packages
  @patternfly/react-inline-edit-extension Table inline edit extension

Setup

Before you begin, check out this overview of PatternFly to get familiar with the basic elements of the design system.

Install a package manager

Install a package manager before using the PatternFly libraries.

Start with PatternFly React seed

If you want to start with your existing project, skip to Install and configure PatternFly React.

PatternFly React seed is an open source build scaffolding utility. It gives developers a jump-start when creating new projects that will use PatternFly.

  1. Fork the project

  1. Install the project

    Follow the steps outlined in the PatternFly React Seed README to install.

Install and configure PatternFly React

  • Using npm, run the following command to install:

    npm install @patternfly/react-core --save

    OR

  • Using yarn, run the following command to install:

    yarn add @patternfly/react-core

    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.

Contribution guidelines

All React contributors must first be PatternFly community contributors. If you're already a PatternFly community contributor, check out the React contribution guidelines to make React contributions.

License

PatternFly React is licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].