The Most Complete Angular UI Component Library

The Most Complete Angular UI Component Library

PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTek Informatics, a vendor with years of expertise in developing open source UI solutions.

PrimeNG Hero

PrimeNG

UI Components for Angular

See PrimeNG homepage for live showcase and documentation.

PrimeNG Logo

PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTek Informatics, a vendor with years of expertise in developing open source UI solutions. For project news and updates, please follow us on twitter and visit our blog.

  • 80+ Components: The most complete set of native widgets featuring 80+ easy to use components for all your UI requirements.

  • Open Source: Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source.

  • Productivity: Allocate your valuable time on business logic rather than dealing with the complex user interface requirements.

  • Themes: Don't get tied up in just one look&feel. Choose from a variety of options including material and flat design.

  • Templates: Professionally designed highly customizable native Angular CLI application templates to get started in no time.

  • Mobile: Enhanced mobile user experience with touch optimized responsive design elements.


Download

PrimeNG is available at NPM, if you have an existing application run the following command to download it to your project.

npm install primeng --save
npm install primeicons --save

Angular CLI Integration

Add PrimeNG and PrimeIcons as a dependencies.

"dependencies": {
  //...
  "primeng": "^9.1.0",
  "primeicons": "^2.0.0"
},

Configure required styles at the styles section, example below uses the Nova Light theme.

"styles": [
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeicons/primeicons.css",
  //...
],

That is all, you may now import PrimeNG components, for a working example visit the PrimeNG CLI QuickStart sample at GitHub.

Download Details:

Author: primefaces

Live Demo: https://www.primefaces.org/angular

GitHub: https://github.com/primefaces/primeng

angularjs angular javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Basics of Angular: Part-1

What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Angular is a Typesc

Angular vs. AngularJS: Difference between Angular and AngularJS

Angular vs. AngularJS will help you differentiate between TypeScript-based Angular and JavaScript-based AngularJS based on various factors. What is Angularjs? What is Angular? Why compare Angular and AngularJS? Angular vs AngularJS

Hire AngularJS Developers

Is your business looking for Angularjs developers? At **[HourlyDeveloper.io](https://hourlydeveloper.io/ "HourlyDeveloper.io")**, our talented developers serve you to get the advantage of advanced features of the AngularJS framework. We offer...

Migrating from AngularJS to Angular

Migrating from AngularJS to Angular a hybrid system architecture running both AngularJS and Angular

How to Build an Angular Application with Angular CLI

How to set up the Angular CLI and generate a Trivial App