@primereact/ui

Themed React components, ready to use. Pairs the primereact primitives with @primereact/styles, so one PrimeUIX preset styles the whole application.

npm install @primereact/ui @primeuix/themes @primeicons/react

Usage

The application is wrapped once with PrimeReactProvider, which takes the theme preset and a PrimeUI license key. Components are imported from their own subpaths.

'use client';
import { PrimeReactProvider } from '@primereact/core';
import { Button } from '@primereact/ui/button';
import Aura from '@primeuix/themes/aura';

export function App() {
    return (
        <PrimeReactProvider theme={{ preset: Aura }} license="PrimeUI-Commercial-Key...">
            <Button>Submit</Button>
        </PrimeReactProvider>
    );
}

Appearance changes globally by swapping the preset, or per element through Pass Through. pt={{ root: { className: 'my-button' } }} reaches any internal DOM node without forking the component.

Documentation

• Installation
• Components
• Theming
• MCP server

License

Licensed under the PrimeUI License - Copyright (c) PrimeTek Informatics