PrimeNG 1.0.1 Released

PrimeNG 1.0.1 is now available feature the all-new Chips component, Checkbox selection mode for Tree and over 20 improvements.

Chips

Chips is the new addition to suite to enter multiple values on a single input field.

Checkbox Tree
New selection mode allows selecting nodes from a tree using checkboxes.

New Features and Enhancements

Defect Fixes

Migration Guide

1.0.1 is a drop-in replacement without any breaking changes.

Download

PrimeNG is available at NPM.

Roadmap

1.0.2 is planned for 14th of Wednesday, december. Due to community feedback, we’ll enhance the support for Bootstrap. Note that PrimeNG does not use bootstrap as we believe a good UI library should be design language agnostic. For example, if you prefer material design there is Ultima and now for Bootstrap, we’ll create a free community theme inspired by Bootstrap 4 styling and fix any compatibility issues with it. As mentioned, this does not mean PrimeNG will depend on bootstrap but it will be fully compatible when bootstrap css is included on page and have a new theme for it in case you like bootstrap css styling.

In addition customizable filter headers and row grouping for datatable along with regular maintenance work will be avialable in 1.0.2.

PrimeNG 1.0.0 Released

After 11 months of hard work and dedication, PrimeTek is excited to announce the 1.0.0 release of PrimeNG featuring over 70 high quality open source UI components for Angular 2.

Omega Template

Omega application template of PrimeFaces has been ported to PrimeNG. Visit the live demo for a preview.

Ultima, our material template and theme is also available at PrimeStore.

NG-CONF 2017

PrimeNG will be a silver sponsor of the upcoming NG-Conf 2017 event, if you’ll also be there visit our booth for cool demos and gifts.

Roadmap

Considering competition, PrimeNG is currently the most complete UI suite for Angular 2 and we’re just getting started. Visit our roadmap wiki to get an idea of what’s ahead.

Download

PrimeNG is available at NPM.

About PrimeTek

PrimeTek has 10 years of expertise in UI Library development, in fact that is the only area we work on full time. Our most well known product is PrimeFaces which is now the de-facto standard for Java Server Faces applications. Our goal in 2017 is to make PrimeNG the best UI suite for Angular 2.

Always bet on Prime

PrimeNG 1.0.0-RC7 Released

PrimeNG 1.0.0-RC7 is now available with quality improvements suggested by the community.

Defect Fixes

Download

PrimeNG is available at NPM.

PrimeNG 1.0.0-RC6 Released

PrimeNG 1.0 final will be released on 23rd of November and RC6 is the last planned release candidate.

New Features and Enhancements

Defect Fixes

Download

PrimeNG is available at NPM.

PrimeNG 1.0.0-RC5 Released

PrimeNG 1.0.0-RC5 is now available featuring 40+ improvements over RC4.

New Features and Enhancements

Defect Fixes

Download

PrimeNG is available at NPM.

1.0. Final

1.0 final release is planned on 23rd of November. Then we’ll start picking up tasks from our todo list at Roadmap. In addition, we’re porting Omega Template of PrimeFaces to PrimeNG now.

Ultima Update

Ultima premium template is updated for PrimeFaces and PrimeNG versions.

PrimeFaces – 1.0.6

Live Demo

PrimeNG – 1.0.3

Live Demo

Purchase and Download

Ultima is available at PrimeStore.

PrimeNG 1.0.0-RC4 Released

PrimeNG is updated with a new release featuring 21 filed improvements to improve overall quality and the new MIT license.

License Change to MIT

To be more open and permissive, license of PrimeNG has been changed to MIT from Apache. This is the same license as Angular 2.

DataTable Improvements

Multiple selection on touch devices is done by tapping and on other devices metakey-ctrlkey is required to manipulate the selection. In addition editable cells can be navigated using tab key and scrollable table implementation has received updates.

Calendar

Calendar now also support binding string by parsing the string to a date internally and when writing back you can use dataType=”date|string” to define what kind of data you prefer on ngModel.

New Features and Enhancements

Defect Fixes

Breaking Changes

None

Live Demo

Showcase is updated to RC4 and available for live preview of components.

Download

PrimeNG is available at NPM.

Roadmap

PrimeNG 1.0 final is scheduled for 23st of November and then we’ll start weekly releases. Exciting new features are ahead, please visit the constantly updated roadmap wiki for details. In addition, we’ll start porting Omega and Poseidon admin templates to PrimeNG next week.

PrimeNG 1.0.0-RC1 Released

We’ve announced PrimeNG back in january 2016 and now after months of hard work, PrimeTek is excited to announce that PrimeNG has reached production ready status with RC1 featuring over 70 high quality UI components for Angular 2.

AOT Support

RC1 adds Ahead-of-Time compilation support which is suggested when running Angular 2 in production. Compared to JIT (Just-in-Time), AOT enabled apps work faster and have smaller footprint.

Showcase

Showcase has lazy-loading enabled as a result load times have been greatly improved.

Full Changelog

For RC1, we’ve mainly focused on maintenance rather than new features and added 30 improvements.

New Features and Enhancements

Defect Fixes 

Premium Templates

PrimeNG provides premium application templates, first one is the mighty Ultima featuring a material design language and we’ll provide more by porting them from PrimeFaces such as Poseidon.

PrimeNG PRO

PrimeNG is backed by PrimeTek Informatics, a company with years of expertise in building open source rich UI component suites such as PrimeFaces.

With PrimeNG PRO, it’s easy to support, tune and add features to PrimeNG as if it were an in-house framework. PrimeNG PRO is a term based commercial support service. With the exclusive services of Pro account, you no longer need to post your questions in the community forum and your issues to community issue tracker.

Via PRO, we currently work with well known companies around the world.

Please contact us to receive information about PRO.

Roadmap

We plan to do 2 more RCs and then release 1.0. Final on 23rd of November. In the meantime, Ultima-NG will receive updates. After 1.0, we’ll start adding new features such as frozen columns, rows for datatable, new components like spreadsheet, inputTag, colorPicker and more. Exciting times ahead.

Always bet on Prime!

PrimeNG 1.0.0-beta.20 Released

PrimeNG beta20 is now available with 3 new components and maintenance improvements. Our initial plan was to do RC1 next week without a new beta however due to community feedback, we’ve decided to do beta20 right before next week’s RC1 release.

Horizontal Tree

Horizontal is the new orientation for tree component enabled by setting orientation=”horizontal”. After 1.0, we’ll create a separate organization chart component.

Steps

Steps is a menu component that indicates steps in a flow.

Inplace

Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.

Column Grouping

Column grouping feature of DataTable has been reimplemented to enable custom content support inside grouped headers which has been a popular request. This is a breaking change and the last breaking change before the RC according to the plan. Please visit the demo for the new declarative approach.

New Features and Enhancements

Defect Fixes

Download

PrimeNG is fully open source and available at NPM.

Roadmap

Our plan is to do 1.0.RC1 next week with AOT support and maintenance improvements followed by week RCs until final release on November. We’ll also include lazy loading to showcase to reduce loading times and provide more tutorials for CLI integration.

PrimeNG 1.0.0-beta17 Released with Ultima

PrimeTek is excited to announce the new 1.0.0-beta17 release of PrimeNG along with Ultima material admin template. Beta17 introduces the new triStateCheckbox component, native inputMask, various maintenance improvements and the highly anticipated Ultima.

TriStateCheckbox

TriStateCheckbox is used to select either true, false or null as an alternative to a regular checkbox.

Native Mask

Input mask was using a jquery plugin and we’ve implemented a native mask component instead, that means you can remove the jquery inputmask plugin dependency if you were using it.

Full Changelog

New Features and Enhancements

Defect Fixes

Breaking Changes

  • InputMask api has slightly changed due to rewrite.
  • DataGrid columns property is removed, instead columns are defined with grid css styles, see documentantation for a sample.

Download

PrimeNG is open source and free under Apache License and can be downloaded from NPM.

PrimeNG Roadmap
Our plan is to do the first release candidate of PrimeNG by the end of october, the blocking enhancement is rewriting the p-calendar as a native component so that we can avoid the dependency to jquery, jquery-ui so that the only jquery dependant component would be p-schedule. At the moment, 95% of the components in PrimeNG are native and the rest are likely to stay as wrappers e.g. google maps. Once 1.0 is out, we’ll offer more new features, bi-weekly releases and more premium templates. According to our research, PrimeNG is miles ahead of any competition and we’ll keep developing it. We want to repeat the success of PrimeFaces in Angular2 world so work day and night to reach this goal.

Ultima

Ultima closely follows Material Design language with ripple effects, input animations, shadows, cards and more. It is highly customizable with 144 layout combinations in total.

3 Menu Modes

Ultima has 3 menu alternatives,

  • Inline
  • Overlay
  • Horizontal

Light and Dark Menu

Menu has two color alternatives, light and dark that can be used with the 3 orientations listed above.

12 Themes

Next-gen layouts provide multiple themes for the layout and Ultima is no exception, based on material colors, Ultima provides 12 themes out of the box and it is also very easy to come up with your own with sass variables.

2 User Profile Locations

User profile menu can either be located inside the main menu or at topbar.

Topbar Menus

An icon at topbar provides a submenu and in responsive mode they are displayed as stacked.

Enhanced Mobile Experience

On a mobile device, Ultima applies theme colors to the device status and browser bar for a unified look, in addition mobile events such as swipe are enabled to close the overlay menu.

Templates Pages

Landing, login and error pages are provided
as template pages to get started with building your app in no time.

Sass

Next-gen layouts are created with Sass, this simplifies maintaining the styles and allows easy customization. For example, we’ve documented how to create your own theme-layout colors for Ultima in case you need something different than the 12 provided themes.

Material Icons

Google has provided over 400 great looking material icons and we’ve converted them into PrimeFaces icons meaning they can be used with the regular ui-icon-* prefix within your component.

Live Preview

Checkout Ultima in active at live preview.

Download

Ultima is available at PrimeStore.

Always bet on Prime!