DOCSEARCHbyAlgolia
Submit Docs

PrimeNG UI Component Library for Angular

repository·master·Indexed 11 days ago

https://github.com/primefaces/primeng

A comprehensive open source UI component library for Angular applications. The library provides a rich set of components, core services like MessageService and ConfirmationService, and an MCP server (@primeng/mcp) for AI assistants to interact with its documentation and components. Note: PrimeNG has transitioned to the PrimeUI ecosystem, and this repository serves as a historical record.

Tokens
476.5K
Snippets
1.1K
Records
1.6K
Agent score
94%

What's inside PrimeNG

  3. Accessibility compliance in PrimeNG

    master
    PrimeNG aims for WCAG 2.1 AA level compliance. This ensures that the components are designed to be usable by people with a wide range of disabilities, including visual, hearing, mobility, and cognitive impairments. PrimeNG components are built to provide keyboard navigation and screen reader support, often by leveraging hidden native HTML elements to maintain accessibility while providing custom UI/UX.

  4. Important notice regarding PrimeNG migration to PrimeUI

    master

    PrimeNG has transitioned from an open-source library to being part of PrimeUI. This repository is now archived and serves as a historical record.

    Key implications for developers:

    • Existing MIT versions: All versions previously published under the MIT license remain MIT forever. Your existing projects using these versions are unaffected.
    • Active Development: All new releases, active development, and future updates have moved to the PrimeUI ecosystem.

    To continue using PrimeNG or to explore the next chapter, visit the new official sites.

  5. Use LLM-optimized documentation endpoints

    master

    PrimeNG provides specialized endpoints designed to help AI models and LLMs ingest documentation efficiently:

    • /llms.txt: An industry-standard structured list of key documentation pages to help models navigate the PrimeNG library.
    • /llms-full.txt: A comprehensive list containing every page in the PrimeNG documentation, intended for models that require a complete understanding of the entire documentation set.

  9. Use the RadioButton component

    master

    The RadioButton component is an extension of the standard HTML radio button element with integrated theming. It can be used as a standalone input or as part of a group of radio buttons where only one value can be selected at a time.

    import { RadioButtonModule } from 'primeng/radiobutton';
import { FormsModule } from '@angular/forms';

// In your component imports:
// imports: [RadioButtonModule, FormsModule]

  10. New features in PrimeNG v21

    master

    PrimeNG v21 introduces several major advancements:

    • PassThrough (PT) attributes: Enhanced customization capabilities.
    • Unstyled Mode: Provides complete styling flexibility.
    • Modern CSS-based animations: Replaces the previous Angular animations dependency.
    • Zoneless support: Initial support for improved performance.
    • Documentation improvements: AI-enhanced documentation for better developer experience.
    • Angular Cleanup: The deprecated provideAnimationsAsync is now safe to remove.

  12. What is the PrimeNG MCP Server?

    master

    The PrimeNG Model Context Protocol (MCP) server is a tool that provides AI assistants (like Claude, Cursor, or VS Code) with direct access to the PrimeNG component library's knowledge base.

    It allows AI models to retrieve:

    • Component documentation: Props, events, templates, and methods.
    • Theming and styling: Pass Through (PT) options and design tokens.
    • Code examples: Usage patterns and templates.
    • Migration guides: Instructions for upgrading between PrimeNG versions.
    • Installation and configuration: Setup guides and configuration options.