Introducing PrimeReact v11-alpha 🎉Discover Now

Styled

Pre-themed React components built on top of the headless layer. Drop them in and they look good out of the box.

Overview#

Styled is a complete set of production-ready components with a built-in design system. Every component comes pre-styled using PrimeReact's token-based theme, so you can start building immediately without writing any CSS.

Use Styled when you want a consistent, polished look across your application with minimal setup. You can still customize the appearance through design tokens or pass-through props.

What you get#

  • 70+ components with a unified design language
  • Dark mode and theming built in
  • Accessibility baked into every component
  • Same composable API as the primitive layer

Next steps#

Head to Configuration to set up your project, or browse the component list in the sidebar.