PatternFly

Philosophy

Consistent, accessible components and patterns for enterprise web applications.

Principles

• Open source
• Enterprise-grade
• Accessible (WCAG 2.0 AA)
• Modular and flexible

Components

In our catalogue (42)

• Accordionhttps://www.patternfly.org/components/accordion
• Alerthttps://www.patternfly.org/components/alert
• Avatarhttps://www.patternfly.org/components/avatar
• Badgehttps://www.patternfly.org/components/badge
• Breadcrumbshttps://www.patternfly.org/components/breadcrumb
• Buttonhttps://www.patternfly.org/components/button
• Button grouphttps://www.patternfly.org/components/action-list
• Cardhttps://www.patternfly.org/components/card
• Checkboxhttps://www.patternfly.org/components/forms/checkbox
• Datepickerhttps://www.patternfly.org/components/date-and-time/date-picker
• Drawerhttps://www.patternfly.org/components/drawer
• Dropdown menuhttps://www.patternfly.org/components/menus/dropdown
• Empty statehttps://www.patternfly.org/components/empty-state
• File uploadhttps://www.patternfly.org/components/file-upload/multiple-file-upload
• Formhttps://www.patternfly.org/components/forms/form
• Headerhttps://www.patternfly.org/components/masthead
• Headinghttps://www.patternfly.org/components/title
• Iconhttps://www.patternfly.org/components/icon
• Listhttps://www.patternfly.org/components/description-list/
• Modalhttps://www.patternfly.org/components/about-modal
• Navigationhttps://www.patternfly.org/components/navigation
• Paginationhttps://www.patternfly.org/components/pagination
• Popoverhttps://www.patternfly.org/components/popover
• Progress barhttps://www.patternfly.org/components/progress
• Progress indicatorhttps://www.patternfly.org/components/progress-stepper
• Radio buttonhttps://www.patternfly.org/components/forms/radio
• Search inputhttps://www.patternfly.org/components/search-input
• Segmented controlhttps://www.patternfly.org/components/toggle-group
• Selecthttps://www.patternfly.org/components/forms/form-select
• Separatorhttps://www.patternfly.org/components/divider
• Skeletonhttps://www.patternfly.org/components/skeleton
• Skip linkhttps://www.patternfly.org/components/skip-to-content
• Sliderhttps://www.patternfly.org/components/slider
• Spinnerhttps://www.patternfly.org/components/spinner
• Stepperhttps://www.patternfly.org/components/number-input
• Tablehttps://www.patternfly.org/components/table
• Tabshttps://www.patternfly.org/components/tabs
• Text inputhttps://www.patternfly.org/components/forms/text-input
• Textareahttps://www.patternfly.org/components/forms/text-area
• Togglehttps://www.patternfly.org/components/switch
• Tooltiphttps://www.patternfly.org/components/tooltip
• Tree viewhttps://www.patternfly.org/components/tree-view