Top

Barcelona for PrimeNG

A highly customizable premium application template based on Angular CLI featuring 10 themes, 2 menu modes with light and dark menu options.
Based on the material design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.
Live Preview Support Buy Now

PrimeNG offers premium Angular CLI templates designed by our professional design team and implemented by the PrimeNG team. Various other 3rd party Angular templates are actually ports from other technologies and they bring the burden of a dependency hell. PrimeNG templates on the other hand utilize native Angular APIs, distributed as a CLI project, have a single dependency that is PrimeNG featuring top notch quality resulting in easier maintenance and unified look.

Wondering about how PrimeNG premium template are implemented? Check out the primeng-blueprint project at GitHub and the live demo for details.

PrimeNG

  • Single Dependency: PrimeNG
  • Developed by a Single Vendor with 10+ Years of UI Expertise
  • Unlimited Free Support and Updates
  • Implemented as a native Angular application
  • Flawless maintenance
  • Updated periodically after PrimeNG / Angular releases
  • Distributed as an Angular CLI Project

Others

  • Multiple 3rd Party Dependencies
  • Dependencies from different vendors
  • Paid Support
  • Wrapper of another technology e.g. jQuery
  • Maintenance issues due to dependencies
  • No clear release cycle of updates

Features

Angular with CLI

Barcelona is powered by Angular CLI to get started in no time following the best practices. Template is native and implemented in pure Angular.

Fully Responsive

Barcelona is crafted to provide optimal viewing and
interaction experience for a wide range of devices.

Full SaSS Support

Scss syntax of Sass is used to create the css of
both layout and theme for easy customization.

10 Different Themes

Barcelona provides 10 themes out of the box and it is also very easy to create your own theme with sass variables. Here is a video tutorial of PrimeFaces version to show how it can be done in a few minutes.

2 Menu Orientations, Light and Dark Menu

Menu has 2 modes; Static and Overlay with Light and Dark color alternatives.

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.

Template Pages

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

Material Design

Barcelona is inspired by Google’s Material Design language.

Well Supported

Barcelona has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.

  • Basic Licence

  • $39

    • Non Commercial Usage
    • Single End Product, No Multi-Use
    • Lifetime Support
    • Unlimited Updates39
  • License Details
  • Extended License

  • $390

    • Commercial Usage
    • Multiple End Products
    • Lifetime Support
    • Unlimited Updates
  • License Details

Download package is an Angular CLI project that contains all the resources including css, scss, images, fonts, login, promotion, error pages and sample demos.

Visit the official documentation for more information.

Related Layouts

Serenity for PrimeNG
Ultima for PrimeNG
Atlantis for PrimeNG

Need a Custom Theme Based on Your Own Style Guide?

Designer API is a SASS based theme engine to create PrimeNG themes easily featuring over 500 variables, a demo application, and a base sample theme. Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them into existence.

Barcelona is a next-gen layout proudly presented by Prime Tek